:root{--navy:#152638;--navy-deep:#102031;--ink:#223145;--muted:#7d8895;--line:#e5e8eb;--canvas:#f5f6f7;--blue:#256fca;--blue-soft:#edf4fd;--green:#267e65;--green-soft:#ebf7f0;--amber:#a5782f;--amber-soft:#fff6e7;--red:#ac6363;--red-soft:#fbefee;--shadow:0 12px 30px #15263808;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80aff0;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:650;letter-spacing:.8px}.brand small{display:block;font-size:8px;letter-spacing:1.35px;font-weight:400;color:#93a9bd;margin-top:7px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;width:29px;height:29px;align-content:center;justify-content:center;flex-shrink:0}.brand-mark i{display:block;background:#88baff;border-radius:1px}.brand-mark i:nth-child(2){opacity:.45}.brand-mark i:nth-child(3){opacity:.7}.brand-mark i:nth-child(4){background:#d3e6ff}.section-kicker,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#8190a0}.signal-dot{display:inline-block;width:7px;height:7px;background:#66ba9b;border-radius:50%;flex-shrink:0}.signal-dot.error{background:#d59a66}.muted{color:var(--muted)}.primary-button{border:0;background:var(--blue);color:white;border-radius:7px;padding:12px 18px;font-weight:600;transition:background .18s,transform .18s}.primary-button:hover{background:#175dae}.secondary-button{border:1px solid #d5dde4;background:white;padding:10px 18px;border-radius:7px;color:var(--ink)}.error-text{font-size:12px;color:#b74f4f;line-height:1.6;min-height:0;margin:9px 0}.error-text:empty{display:none}.text-button{border:0;background:none;color:var(--muted);padding:7px 0;font-size:12px}.text-button:hover{color:var(--ink)}.icon-button{border:0;background:none;color:var(--ink);min-width:32px;min-height:32px;border-radius:6px;font-size:20px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#e6ebef}.login-screen{display:grid;grid-template-columns:minmax(420px,48%) 1fr;min-height:100vh;background:#fbfcfc}.login-story{background:var(--navy-deep);color:white;padding:48px 56px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story .brand,.login-story-copy,.login-foot{z-index:1;position:relative}.login-story-copy{margin:80px 0 100px}.eyebrow.light{color:#89a7c4}.login-story h1{font-weight:550;font-size:clamp(32px,3.2vw,48px);line-height:1.55;letter-spacing:1px;margin:25px 0 24px}.login-story p{color:#a9bbcb;line-height:2.1;font-size:14px}.story-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:34px}.story-tags span{font-size:11px;border:1px solid #44627d70;padding:8px 11px;border-radius:4px;color:#b5c8db}.story-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#6886a525 1px,transparent 1px),linear-gradient(90deg,#6886a525 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(135deg,transparent 15%,black);pointer-events:none}.story-grid:after{content:"";position:absolute;width:380px;height:380px;right:-180px;top:25%;border:1px solid #90bdeb;border-radius:50%;box-shadow:0 0 0 70px #90bdeb16,0 0 0 140px #90bdeb09}.login-foot{font-size:11px;color:#8197ac;display:flex;gap:9px;align-items:center}.login-form-wrap{display:flex;align-items:center;justify-content:center;position:relative;padding:70px 50px}.login-form{width:100%;max-width:370px}.login-form h2{font-weight:600;font-size:28px;letter-spacing:.5px;margin:18px 0 14px}.login-intro{margin-bottom:38px;font-size:13px}.login-form label{display:block;font-size:13px;font-weight:550;margin:23px 0 11px}.login-form input{width:100%;padding:13px 14px;border:1px solid #dbe1e6;border-radius:7px;background:#fff;color:var(--ink);height:47px;font-size:13px}.login-form input::placeholder{color:#a3adb7}.field-note{font-size:11px;color:#909ba6;line-height:1.8;margin:9px 0 20px}.code-wrap{position:relative}.code-wrap input{padding-right:62px}.code-wrap button{position:absolute;right:5px;top:5px;height:37px;border:0;background:none;padding:0 11px;font-size:12px;color:#7b8d9e}.login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:28px;height:47px}.login-disclaimer{font-size:11px;color:#9ba5ae;text-align:center;margin-top:22px;line-height:1.7}.test-badge{position:absolute;top:33px;right:36px;border:1px solid #e2e7eb;color:#83909c;padding:6px 10px;border-radius:20px;font-size:10px}.app-screen{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:var(--navy);padding:31px 23px 25px;color:#c2cfda;display:flex;flex-direction:column}.sidebar .brand{font-size:16px;gap:8px;white-space:nowrap}.sidebar .brand small{font-size:7px;letter-spacing:1px}.workspace-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#8496a7;margin-top:51px}.workspace-label span{font-size:9px;padding:4px 6px;border:1px solid #435464;border-radius:4px;color:#98acbe;letter-spacing:0}.project-title{font-weight:500;font-size:21px;line-height:1.65;margin:14px 0 30px;color:#eef4f9;letter-spacing:.4px}.game-nav{display:flex;flex-direction:column;gap:7px;margin:0 -8px}.game-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 11px;border:0;background:none;color:#98acbf;border-radius:7px;font-size:13px;text-align:left;transition:background .18s}.game-button.active{background:#294258;color:#e6f0fa}.game-button:hover{background:#294258a0;color:white}.game-button b{margin-left:auto;font-size:10px;font-weight:500;opacity:.75;font-variant-numeric:tabular-nums}.nav-icon{width:22px;font-size:23px;line-height:22px}.game-initial{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-size:12px;font-weight:700;flex-shrink:0}.game-initial.wow{color:#d5b77d;background:#b89b5420;border:1px solid #b89b5430;font-family:Georgia,serif}.game-initial.overwatch{color:#e7ac73;background:#ce884320;border:1px solid #ce884330}.sidebar-guide{margin-top:auto;padding-top:55px}.guide-icon{font-size:21px;color:#86a2bc}.sidebar-guide h3{font-size:12px;font-weight:500;color:#a8bdce;margin:11px 0}.sidebar-guide p{font-size:11px;color:#7f97ab;line-height:1.9;margin:8px 0}.sidebar-guide .guide-small{font-size:10px;color:#647f95;margin-top:20px}.sidebar-bottom{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff10;margin-top:28px;padding-top:19px;font-size:11px;color:#b0c1cf}.sidebar-bottom small{display:block;font-size:9px;margin-top:6px;color:#6f879c}.main-shell{margin-left:226px;width:calc(100% - 226px);min-width:0}.topbar{height:76px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.breadcrumb{font-size:12px;color:#929ca6;white-space:nowrap}.breadcrumb span{margin:0 13px;color:#c0c8cf}.breadcrumb strong{font-weight:500;color:#526372}.topbar-actions{display:flex;align-items:center;gap:23px}.export-button{font-size:12px;color:#526778;display:flex;align-items:center;gap:7px}.export-button:hover{color:var(--blue)}.export-button>span{font-size:17px}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;max-width:180px}.user-chip>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#e9edf2;color:#61768c;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.workspace{padding:34px 36px 22px;max-width:1680px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:20px}.page-heading h1{font-size:29px;font-weight:600;letter-spacing:.5px;margin:11px 0 12px}.page-heading p{font-size:12px;color:#8b97a3;margin:0}.progress-card{width:150px;align-self:flex-end;padding-bottom:3px}.progress-card>span{display:block;font-size:10px;color:#8c99a4;margin-bottom:8px}.progress-card strong{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums}.progress-card em{font-style:normal;color:#8e9aa6;font-size:12px;font-weight:400;margin-left:6px}.progress-track{height:3px;background:#e0e5ea;margin-top:11px;border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#407eb8;transition:width .3s}.filter-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #e0e5e9}.decision-tabs{display:flex;gap:23px;flex-shrink:0}.decision-tabs button{position:relative;border:0;background:none;color:#8a97a3;font-size:12px;padding:15px 0 16px;white-space:nowrap}.decision-tabs button.active{color:#2c4962;font-weight:600}.decision-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#356d9f;border-radius:2px}.decision-tabs span{font-size:10px;margin-left:4px;color:#a2aeb8;font-weight:400}.decision-tabs .active span{color:#6287a8}.search-wrap{border:1px solid #dfe5e9;display:flex;align-items:center;background:white;border-radius:6px;padding:0 10px;gap:6px;height:34px;width:210px;flex-shrink:1}.search-wrap>span{font-size:22px;color:#8597a7;transform:translateY(-1px)}.search-wrap input{border:0;outline:none!important;padding:0;width:100%;background:none;min-width:0;font-size:11px;color:var(--ink)}.search-wrap:focus-within{box-shadow:0 0 0 2px #80aff055;border-color:#80aff0}.search-wrap input::placeholder{color:#a0acb5}.list-summary{display:flex;justify-content:space-between;gap:20px;color:#8593a0;font-size:10px;margin:18px 0 19px}.preview-note{color:#a2acb5}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 21px}.design-card{background:white;border:1px solid #e3e8ec;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column}.design-card:hover{transform:translateY(-3px);border-color:#b7cddd;box-shadow:0 12px 25px #15263810}.card-open{display:block;width:100%;border:0;padding:0;background:white;text-align:left;color:inherit;flex:1}.card-preview{position:relative;width:100%;aspect-ratio:16/10;background:#edf0f2;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-preview img{width:100%;height:100%;object-fit:contain;display:block}.page-count{position:absolute;bottom:10px;right:10px;background:#142638c9;color:#f3f8fc;border-radius:4px;padding:4px 7px;font-size:9px;backdrop-filter:blur(4px)}.card-body{padding:16px 17px 14px}.card-meta{display:flex;align-items:center;gap:7px;margin-bottom:10px}.id-badge{font-size:10px;letter-spacing:.45px;font-weight:650;padding:4px 7px;border-radius:4px;background:#edf2f6;color:#5c748c;white-space:nowrap}.card-game{font-size:9px;color:#9b8a69;margin-left:auto}.card-game.overwatch{color:#b18e69}.card-title{font-size:14px;line-height:1.55;font-weight:550;margin:0 0 10px;min-height:22px;letter-spacing:.1px}.card-description{font-size:10px;color:#a0aab4;display:flex;gap:7px;align-items:center}.card-description .separator{color:#cbd2d8}.card-footer{border-top:1px solid #f0f2f4;margin:0 17px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:6px}.decision-badge{font-size:10px;display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:5px 7px;white-space:nowrap;background:#f1f3f5;color:#939fa9}.decision-badge.retain{color:var(--green);background:var(--green-soft)}.decision-badge.deepen{color:var(--amber);background:var(--amber-soft)}.decision-badge.discard{color:var(--red);background:var(--red-soft)}.card-activity{display:flex;align-items:center;gap:7px;font-size:9px;color:#a0acb5;white-space:nowrap}.card-avatars{display:flex;padding-left:3px}.card-avatars .avatar{width:20px;height:20px;font-size:8px;margin-left:-3px;border:2px solid white;background:#eef2f6;color:#91a2b2}.workspace-footer{margin-top:32px;border-top:1px solid #e5eaee;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a4aeb7}.workspace-error{font-size:12px;padding:13px 16px;background:#fff3e6;border:1px solid #f4dabc;color:#9a733e;border-radius:6px;line-height:1.6}.empty-state{text-align:center;padding:70px 20px;color:#9ba8b4}.empty-state>span{font-size:40px}.empty-state h2{color:#677c8f;font-weight:500;font-size:17px}.empty-state p{font-size:12px;margin:14px 0 25px}.review-dialog{border:0;padding:0;border-radius:12px;box-shadow:0 30px 100px #07132055;width:calc(100vw - 56px);max-width:1540px;height:calc(100dvh - 56px);max-height:1050px;overflow:hidden;color:var(--ink);background:white}.review-dialog::backdrop{background:#142537b0;backdrop-filter:blur(5px)}.detail-header{height:66px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e3e8ec;background:#fff}.detail-heading{display:flex;align-items:center;gap:10px;min-width:0}.detail-heading h2{font-size:15px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.version-badge{font-size:9px;color:#96a3af;background:#f4f6f8;border-radius:4px;padding:4px 7px;white-space:nowrap}.close-button{font-size:27px;color:#8795a3}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100% - 66px)}.image-panel{background:#edf0f3;display:flex;flex-direction:column;min-width:0;min-height:0}.image-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #dfe5ea;gap:10px;font-size:10px;color:#8694a1;flex-shrink:0}.image-toolbar>div{display:flex;align-items:center;gap:9px}.toolbar-divider{height:10px;width:1px;background:#c9d3dc;margin:0 2px}.zoom-controls{gap:3px!important}.zoom-controls .icon-button{font-size:18px;min-height:28px;min-width:26px;color:#6c8296}.zoom-label{font-size:10px;background:none;border:0;color:#7d8fa0;min-width:45px;padding:5px}.original-link{font-size:10px;margin-left:10px;border-left:1px solid #d1dae2;padding-left:12px;color:#617f9b;white-space:nowrap}.image-stage{position:relative;overflow:auto;flex:1;min-height:0;padding:20px;display:flex;background-image:radial-gradient(#cdd6de80 .7px,transparent .7px);background-size:12px 12px}.image-sizer{flex-shrink:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:auto;position:relative}.image-sizer img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 9px #15263813)}.image-loading{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#fffffff2;border:1px solid #e1e8ed;box-shadow:0 3px 10px #20344808;border-radius:20px;color:#71869a;font-size:11px;white-space:nowrap;padding:9px 14px;display:flex;align-items:center;gap:8px;z-index:2}.image-loading>span{width:10px;height:10px;border:1.5px solid #cbd9e5;border-top-color:#5b8cbd;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-error{position:absolute;inset:35% 15% auto;text-align:center;padding:22px;background:white;border:1px solid #e0e6eb;border-radius:8px;font-size:12px;color:#7a8fa1}.image-error button{display:block;margin:14px auto 0;border:1px solid #d7e0e8;background:#f3f7fa;padding:6px 16px;color:#507392;border-radius:4px}.image-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;height:58px;flex-shrink:0;padding:0 20px;background:#f1f4f6;border-top:1px solid #dfe5ea}.page-button{border:0;background:none;color:#668099;font-size:14px;display:flex;gap:9px;align-items:center;padding:7px 0}.page-button span{font-size:10px}.page-dots{display:flex;gap:6px;overflow-x:auto;max-width:60%;padding:7px 0}.page-dots button{border:1px solid #d9e1e8;background:#f8fafb;color:#8da0b1;border-radius:4px;width:25px;height:25px;font-size:10px;flex-shrink:0}.page-dots button.active{background:#2d5e89;color:white;border-color:#2d5e89}.feedback-panel{overflow-y:auto;background:white;border-left:1px solid #e0e6eb;display:flex;flex-direction:column;min-height:0}.my-feedback,.team-feedback,.comments-section{padding:23px 23px 20px;border-bottom:1px solid #edf0f3}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-row h3{font-size:13px;font-weight:600;margin:0}.small-count{font-size:10px;color:#96a4b0}.save-status{font-size:10px;color:#4e8d75}.save-status.saving{color:#96a4b0}.section-help{font-size:10px;color:#9aa6b0;line-height:1.8;margin:10px 0 15px}.decision-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.decision-buttons button{display:flex;flex-direction:column;align-items:center;border:1px solid #e2e8ed;background:white;border-radius:7px;padding:11px 4px 10px;color:#8b9aa7;transition:all .18s}.decision-buttons button>span{font-size:22px;line-height:1.1;margin-bottom:8px}.decision-buttons strong{font-size:11px;font-weight:550}.decision-buttons small{font-size:8px;color:#a0acb7;margin-top:6px}.decision-buttons button:hover{border-color:#a9bdcd;background:#f7fafc}.decision-buttons button[data-decision=retain].selected{border-color:#8fc3ae;background:var(--green-soft);color:var(--green)}.decision-buttons button[data-decision=deepen].selected{border-color:#dec699;background:var(--amber-soft);color:var(--amber)}.decision-buttons button[data-decision=discard].selected{border-color:#d9adab;background:var(--red-soft);color:var(--red)}.decision-buttons button.selected small{color:inherit;opacity:.7}.neutral-button{display:block;border:0;background:none;font-size:9px;color:#9ba8b2;text-align:center;padding:10px 5px 0;width:100%}.neutral-button:hover{color:#597b98}.team-feedback{padding-top:20px;padding-bottom:18px}.team-decisions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.team-row{display:flex;align-items:center;gap:8px;font-size:10px}.team-row .avatar{width:23px;height:23px;font-size:9px}.team-row .reviewer-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e8192}.team-row .reviewer-label small{font-size:9px;color:#a1acb5;margin-left:5px}.team-row .decision-badge{font-size:9px;padding:4px 6px}.empty-copy{font-size:11px;color:#a4afb8;line-height:1.9;margin:0}.comments-section{flex:1;padding-bottom:16px;min-height:130px}.comments{margin-top:17px;display:flex;flex-direction:column;gap:20px}.comment-header{display:flex;align-items:center;gap:7px;margin-bottom:7px}.comment-header .avatar{width:22px;height:22px;font-size:9px}.comment-author{font-size:10px;color:#647c90;font-weight:550;flex:1}.comment-time{font-size:8px;color:#b0bac2;white-space:nowrap}.comment-text{margin:0 0 0 29px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8;color:#6d7e8e}.comment-form{padding:17px 21px 15px;background:#fbfcfd;position:sticky;bottom:0;border-top:1px solid #e9eef2;margin-top:auto}.comment-form textarea{width:100%;resize:vertical;min-height:72px;max-height:220px;border:1px solid #dde5eb;border-radius:6px;padding:10px 11px;background:white;font-size:11px;line-height:1.7;color:#536b80}.comment-form textarea::placeholder{color:#acb6bf}.comment-submit-row{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:10px}.comment-submit-row>span{font-size:9px;color:#b0bbc4}.comment-submit-row .primary-button{font-size:10px;padding:8px 11px;display:flex;gap:17px;align-items:center}.draft-note{font-size:8px;color:#b1bbc4;line-height:1.5;margin:10px 0 0}.toast{position:fixed;left:50%;bottom:27px;transform:translateX(-50%);background:#183048ed;color:#f2f6fa;border:1px solid #45617b;border-radius:7px;padding:12px 20px;max-width:calc(100vw - 40px);font-size:12px;z-index:100;box-shadow:0 8px 30px #0f1e3030}
@media(min-width:1700px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{padding-top:42px}}@media(max-width:1250px){.sidebar{width:202px;padding-left:19px;padding-right:19px}.main-shell{margin-left:202px;width:calc(100% - 202px)}.workspace{padding:30px 25px 22px}.topbar{padding:0 25px}.decision-tabs{gap:17px}.search-wrap{width:186px}.gallery{gap:18px 16px}.card-body{padding:14px}.card-footer{margin:0 14px}.card-activity{font-size:8px;gap:4px}.detail-layout{grid-template-columns:minmax(0,1fr) 320px}.my-feedback,.team-feedback,.comments-section{padding-left:19px;padding-right:19px}}@media(max-width:1050px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{flex-wrap:wrap;gap:0;padding-bottom:12px}.decision-tabs{width:100%;gap:24px;border-bottom:1px solid #e0e5e9;margin-bottom:12px}.search-wrap{width:100%}.preview-note{display:none}.review-dialog{width:calc(100vw - 28px);height:calc(100dvh - 28px)}.image-toolbar{padding:0 12px}.original-link{margin-left:4px;padding-left:7px}.detail-heading h2{max-width:45vw}.version-badge{display:none}}@media(max-width:800px){.sidebar{width:76px;padding:24px 15px}.sidebar .brand>span:last-child,.workspace-label,.project-title,.sidebar-guide,.sidebar-bottom>div,.game-button>span:nth-child(2),.game-button b{display:none}.sidebar .brand{justify-content:center}.sidebar .brand-mark{width:29px}.game-nav{margin:40px -3px 0}.game-button{justify-content:center;padding:12px 8px}.game-button .game-initial{display:flex!important}.game-button>span:first-child{margin:0}.sidebar-bottom{justify-content:center;margin-top:auto;border:0}.main-shell{margin-left:76px;width:calc(100% - 76px)}.workspace{padding:27px 22px 20px}.topbar{padding:0 22px;height:65px}.topbar-actions{gap:13px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 8px}.page-heading h1{font-size:25px}.page-heading{margin-bottom:23px}.progress-card{width:100px}.detail-layout{grid-template-columns:minmax(0,1fr) 300px}.image-toolbar>div:first-child{gap:5px}.image-toolbar #detail-game{display:none}.image-toolbar .toolbar-divider{display:none}.image-stage{padding:12px}.detail-header{height:58px;padding:0 14px}.detail-layout{height:calc(100% - 58px)}.detail-heading{gap:7px}.detail-heading h2{font-size:13px}}@media(max-width:650px){.login-screen{grid-template-columns:1fr}.login-story{min-height:auto;padding:29px 29px 34px}.login-story-copy{margin:42px 0 0}.login-story h1{font-size:29px;line-height:1.5;margin:16px 0}.login-story p{font-size:12px;line-height:1.9}.story-tags{margin-top:21px;gap:7px}.story-tags span{font-size:9px;padding:6px 8px}.login-foot{display:none}.login-form-wrap{padding:42px 29px}.login-form{max-width:none}.login-form h2{font-size:25px}.test-badge{top:19px;right:26px}.login-form .section-kicker{font-size:9px}.login-intro{margin-bottom:29px}.sidebar{position:relative;width:100%;height:auto;padding:18px 19px 0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.sidebar .brand{justify-content:flex-start}.sidebar .brand>span:last-child{display:block}.sidebar .brand small{display:none}.sidebar .brand{font-size:15px}.sidebar-bottom{display:none}.game-nav{flex-direction:row;margin:0 -7px;width:calc(100% + 14px);gap:6px}.game-button{flex:1;justify-content:center;border-radius:6px 6px 0 0;padding:10px 7px;gap:7px;font-size:11px}.game-button>span:nth-child(2){display:block}.game-initial{width:17px;height:17px;font-size:10px}.nav-icon{font-size:19px;width:17px;line-height:18px}.app-screen{display:block}.main-shell{margin:0;width:100%}.topbar{height:54px;padding:0 18px}.breadcrumb{display:none}.topbar-actions{width:100%;gap:15px}.export-button{font-size:11px}.user-chip{margin-left:auto;font-size:11px}.user-chip .avatar{width:23px;height:23px;font-size:9px}.text-button{font-size:11px}.workspace{padding:25px 17px 19px}.section-kicker{font-size:8px;letter-spacing:1.5px}.page-heading{gap:10px;align-items:flex-start}.page-heading h1{font-size:23px;margin:10px 0 11px}.page-heading p{font-size:10px;line-height:1.6;max-width:210px}.progress-card{width:84px;padding-top:8px;align-self:center}.progress-card>span{font-size:8px}.progress-card strong{font-size:22px}.progress-card em{font-size:10px;margin-left:3px}.progress-track{margin-top:8px}.decision-tabs{justify-content:space-between;gap:6px}.decision-tabs button{font-size:11px;padding:11px 0 13px}.decision-tabs span{font-size:8px;margin-left:2px}.search-wrap{height:35px}.gallery{gap:13px 11px}.card-preview{aspect-ratio:4/3}.card-body{padding:10px 10px 11px}.card-meta{gap:4px;margin-bottom:8px}.id-badge{font-size:8px;padding:3px 5px}.card-game{font-size:8px}.card-title{font-size:12px;line-height:1.5;min-height:36px;margin-bottom:8px}.card-description{font-size:8px;gap:4px;flex-wrap:wrap}.card-footer{margin:0 10px;padding:9px 0;align-items:flex-start;gap:7px;flex-direction:column}.decision-badge{font-size:9px;padding:4px 5px}.card-activity{font-size:8px}.card-avatars .avatar{width:18px;height:18px;font-size:7px}.page-count{bottom:7px;right:7px;font-size:8px;padding:3px 5px}.workspace-footer{font-size:8px;line-height:1.7;margin-top:22px;gap:18px}.workspace-footer>span{max-width:50%}.list-summary{font-size:9px;margin:15px 0}.review-dialog{width:100vw;height:100dvh;max-height:none;max-width:none;margin:0;border-radius:0;overflow:auto}.detail-header{position:sticky;top:0;z-index:3;height:56px;padding:0 12px}.detail-heading h2{max-width:64vw;white-space:nowrap;font-size:12px}.detail-heading .id-badge{font-size:9px}.detail-layout{display:flex;flex-direction:column;height:auto;min-height:calc(100% - 56px)}.image-panel{height:53dvh;min-height:300px;flex-shrink:0}.image-toolbar{height:39px;padding:0 12px;font-size:9px}.image-toolbar #detail-game{display:inline}.image-toolbar .toolbar-divider{display:inline}.zoom-controls .icon-button{min-width:25px;min-height:25px;font-size:16px}.zoom-label{font-size:9px}.original-link{font-size:9px;padding-left:8px;margin-left:5px}.image-stage{padding:12px}.image-bottom{height:43px;padding:0 14px}.page-button span{font-size:9px}.page-dots button{width:23px;height:23px;font-size:9px}.feedback-panel{overflow:visible;border-left:0;border-top:1px solid #dfe5ea}.my-feedback,.team-feedback,.comments-section{padding:20px}.section-help{font-size:10px;margin:9px 0 13px}.decision-buttons{gap:10px}.decision-buttons button{flex-direction:row;justify-content:center;gap:9px;padding:12px 5px}.decision-buttons button>span{margin:0;font-size:20px}.decision-buttons strong{font-size:12px}.decision-buttons small{display:none}.neutral-button{font-size:10px;padding-top:13px}.comments-section{min-height:120px}.team-decisions{gap:11px}.team-row{font-size:11px}.comment-form{position:relative;padding:17px 20px}.comment-form textarea{font-size:12px}.comment-text{font-size:12px}.comment-author{font-size:11px}.comment-time{font-size:9px}.comment-submit-row .primary-button{font-size:11px;padding:9px 13px}.draft-note{font-size:9px}.comment-submit-row>span{font-size:10px}.empty-state{padding:50px 20px}.toast{bottom:16px;font-size:11px;padding:11px 16px}.detail-header .close-button{min-width:30px}.version-badge{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 连续按组评审；页码切换仍独立保留。 */
.detail-heading{flex:1}.detail-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.group-navigation{display:flex;align-items:center;gap:10px;padding-right:13px;border-right:1px solid #e3e8ec}.group-button{border:0;background:none;color:#627e96;font-size:12px;padding:8px 3px;white-space:nowrap;display:flex;align-items:center;gap:5px}.group-button span{font-size:10px}.group-position{font-size:9px;white-space:nowrap;color:#98a7b4;min-width:45px;text-align:center}.group-button:hover:not(:disabled){color:#256fca}.group-button:disabled{opacity:.35}
@media(max-width:1050px){.detail-actions{gap:8px}.group-navigation{gap:7px;padding-right:8px}.group-button span{display:none}.group-button{font-size:17px;padding:6px 5px}.group-position{min-width:42px;font-size:9px}}
@media(max-width:650px){.detail-header{gap:7px}.detail-heading h2{max-width:none}.detail-actions{gap:2px}.group-navigation{gap:2px;padding-right:5px}.group-position{min-width:35px;font-size:8px}.group-button{font-size:15px;padding:6px 4px}.detail-header .close-button{min-width:27px}.detail-heading{gap:5px}.detail-heading .id-badge{font-size:8px;padding:3px 4px}}
/* Team workspace: preserve the image review surface; add focused collaboration panels. */
.sidebar{overflow-y:auto}.sidebar-guide{padding-top:30px}.section-nav{display:flex;flex-direction:column;gap:6px;margin:0 -7px}.section-button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;color:#9eafbf;border-radius:7px;padding:12px 11px;font-size:12px;white-space:nowrap}.section-button>span{font-size:20px;width:22px;text-align:center;line-height:1}.section-button>b{margin-left:auto;font-size:10px;font-weight:400;color:#8da3b6}.section-button.active{background:#294258;color:#edf6ff}.section-button:hover{background:#29425890;color:#fff}.section-button.active>b{color:#b3cadc}.role-tag{font-size:9px;color:#8797a5;background:#f1f4f6;border:1px solid #e4eaee;padding:3px 5px;border-radius:4px;white-space:nowrap}.game-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.game-filter{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;min-height:61px;min-width:116px;flex:1;max-width:190px;padding:10px 13px;border:1px solid #e0e7ec;background:#fff;color:#8393a0;font-size:10px;border-radius:8px;flex-direction:column;box-shadow:0 3px 10px #243a4c03}.game-filter.active{border-color:#6998c4;background:#eff6fd;color:#2c648f;box-shadow:0 0 0 1px #6998c415}.game-filter:hover{border-color:#9bb9d2}.game-filter-logo{height:27px;max-width:92px;width:auto;object-fit:contain;display:block}.game-total{position:absolute;right:7px;top:5px;font-size:8px;color:#a3b1bd}.game-filter:not(:has(img)){font-size:12px}.library-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;color:#8b9aa6;font-size:10px}.library-options label{display:flex;align-items:center;gap:6px}.library-options select{font-size:10px;border:1px solid #dfe6eb;border-radius:5px;padding:6px 21px 6px 8px;background:white;color:#698095;max-width:190px}.library-options .text-button{font-size:10px}.bulk-bar{margin-top:16px;padding:12px 15px;border:1px solid #bad3e9;background:#edf5fd;border-radius:7px;color:#4b7294;display:flex;align-items:center;justify-content:space-between;font-size:11px}.bulk-bar .primary-button{font-size:11px;padding:8px 12px}.card-select{position:absolute;z-index:1;top:9px;left:9px;display:flex;align-items:center;gap:4px;background:#fffffff2;border:1px solid #e0e8ef;border-radius:5px;padding:4px 6px;font-size:9px;color:#71879a;cursor:pointer;box-shadow:0 2px 8px #17324a0c}.card-select input{margin:0;accent-color:#316fa4;width:12px;height:12px}.card-due{font-size:9px;color:#7d94a7;margin-top:9px}.card-due.overdue{color:#b67653}.adopted-chip{display:inline-block;border:1px solid #bcd8cc;color:#43836a;background:#f0f8f3;border-radius:4px;font-size:9px;padding:4px 6px;margin-top:7px}.load-more-row{display:flex;justify-content:center;padding:27px 0 4px}.load-more-row button{min-width:190px;font-size:12px}.two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr);gap:25px;align-items:start}.form-card,.info-card{background:#fff;border:1px solid #e2e8ed;border-radius:10px;padding:27px 29px;min-width:0;box-shadow:var(--shadow)}.form-card h2,.info-card h2{font-weight:550;font-size:18px;line-height:1.6;margin:0 0 11px}.form-intro{font-size:11px;color:#94a2ae;line-height:1.9;margin:0 0 24px}.form-card label,.field-label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:500;color:#6c8295;margin:19px 0 0}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.dialog-form input,.dialog-form select,.dialog-form textarea,.invite-link,.login-form select{display:block;width:100%;border:1px solid #dce5ec;background:white;border-radius:6px;padding:11px 12px;color:#38536b;font-size:12px;min-width:0;font-weight:400;line-height:1.6;max-width:100%}.form-card input::placeholder,.form-card textarea::placeholder,.dialog-form input::placeholder{color:#acb6bf;font-size:11px}.form-card textarea,.dialog-form textarea{resize:vertical;min-height:78px}.form-card input[type=file]{padding:16px 12px;background:#f7fafc;border-style:dashed;cursor:pointer;font-size:11px;color:#8197a9}.form-card input[type=file]::file-selector-button{border:1px solid #cfdde8;background:white;padding:7px 9px;border-radius:5px;color:#6083a2;font-size:11px;margin-right:10px;cursor:pointer}.form-card .primary-button,.dialog-form>.primary-button{margin-top:17px;font-size:11px;padding:11px 15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-card .field-note{font-size:10px;margin-top:9px;margin-bottom:0;line-height:1.8}.form-status{font-size:11px;color:#5c83a4;line-height:1.8;margin:14px 0}.form-status:empty{display:none}.form-card progress{height:6px;border:0;border-radius:6px;display:block;width:100%;accent-color:#3f7bae;margin:10px 0}.info-card{background:#eff3f7;border-color:#e1e8ed;padding:30px}.info-card h2{font-size:24px;line-height:1.75;margin:20px 0 22px;color:#4b657c}.info-card ol{margin:0;padding-left:18px;font-size:11px;color:#8194a5;line-height:2.2}.info-card li{margin:8px 0}.info-card p{font-size:10px;line-height:1.9;color:#97a5b2;border-top:1px solid #dce4ec;padding-top:19px;margin-top:24px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px;font-size:11px}.section-toolbar label{display:flex;align-items:center;gap:7px;color:#8e9eaa}.section-toolbar select,.action-body>select{background:white;border:1px solid #dce5eb;border-radius:5px;padding:8px 10px;color:#607d95;font-size:11px}.adoption-list,.idea-list,.team-users,.supplier-list{display:flex;flex-direction:column;gap:17px}.adoption-card,.idea-card,.user-progress-card,.supplier-card{border:1px solid #e2e8ed;border-radius:9px;padding:23px 25px;background:white;box-shadow:var(--shadow)}.entity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.entity-header h2{font-size:15px;font-weight:550;line-height:1.6;margin:8px 0;color:#3a536a}.entity-header>h2{margin:0}.entity-header .secondary-button{font-size:10px;padding:8px 11px;flex-shrink:0}.entity-meta{font-size:10px;line-height:1.8;color:#9aa8b4;margin:5px 0}.entity-description{font-size:12px;line-height:1.9;color:#708699;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 5px}.milestone-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:24px 0 21px;gap:10px}.milestone-step{text-align:center;display:flex;align-items:center;flex-direction:column;position:relative}.milestone-step i{font-style:normal;width:24px;height:24px;background:#f0f3f6;border:1px solid #e0e6eb;color:#aab7c2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.milestone-step:after{content:'';position:absolute;top:12px;height:1px;background:#e5ebef;width:calc(100% + 10px);left:50%}.milestone-step:last-child:after{display:none}.milestone-step>span{font-size:10px;margin-top:10px;color:#8a9baa}.milestone-step>small{font-size:8px;color:#b3bdc5;margin-top:5px}.milestone-step.done i{background:#ecf7f0;border-color:#a9cdbb;color:#4d9474}.milestone-step.in_progress i{background:#eaf3fe;border-color:#aac7e3;color:#477cab}.milestone-step.done>span{color:#65927c}.milestone-step.in_progress>span{color:#567fa2}.status-chip{font-size:9px;line-height:1.4;white-space:nowrap;padding:5px 7px;border-radius:4px;color:#8a9cab;background:#eff3f6;display:inline-block;font-weight:400}.status-chip.in_progress,.status-chip.reviewing,.status-chip.ready_for_design{color:#587fa1;background:#edf5fd}.status-chip.done,.status-chip.confirmed,.status-chip.implemented{color:#4f876e;background:#edf7f0}.status-chip.historical_pending_confirmation,.status-chip.new{color:#a2844e;background:#fbf5e9}.status-chip.inactive,.status-chip.archived{color:#aaa;background:#f1f1f1}.admin-note{background:#f4f8fb;border-left:2px solid #b5cde2;padding:12px 14px;color:#7c91a3;font-size:11px;line-height:1.9;white-space:pre-wrap;margin-top:17px}.idea-card>.text-button{margin-top:14px;font-size:10px}.ideas-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr)}.ideas-layout>.form-card{position:sticky;top:24px}.panel-empty{background:#f8fafc;border:1px dashed #d8e3eb;border-radius:8px;color:#95a5b2;font-size:12px;line-height:1.9;text-align:center;padding:50px 25px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.stat-tile{background:white;border:1px solid #e1e7ec;border-radius:8px;padding:19px 21px;display:flex;flex-direction:column;gap:12px}.stat-tile>span{font-size:10px;color:#92a2b0}.stat-tile strong{font-size:25px;font-weight:500;color:#48677f;font-variant-numeric:tabular-nums}.admin-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dde5eb;margin-bottom:22px}.admin-tabs button{font-size:12px;color:#91a2b0;background:none;border:0;padding:13px 0 15px;position:relative;white-space:nowrap}.admin-tabs button.active{color:#426c8c;font-weight:550}.admin-tabs button.active:after{content:'';position:absolute;left:0;right:0;height:2px;bottom:-1px;background:#4b7b9e}.admin-tabs #refresh-admin{font-size:10px;margin-left:auto}.team-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,.85fr)}.user-progress-card h2{margin-top:0}.user-progress-card .progress-track{margin:17px 0 11px;height:4px}.progress-percent{font-size:24px;color:#6d8aa3;font-weight:400}.inline-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:13px}.inline-actions .text-button{font-size:10px;color:#68849b}.wide-form{max-width:800px}.selection-summary{padding:15px;background:#f3f8fc;border:1px solid #dce8f1;border-radius:6px;font-size:11px;line-height:1.9;color:#7290a8;overflow-wrap:anywhere;margin-bottom:14px}.account-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 24px}.form-card .account-choice{margin:0;display:flex;flex-direction:row;gap:9px;align-items:center;border:1px solid #e1e8ee;background:#fafcfd;border-radius:6px;padding:12px;font-size:11px;color:#8096a8;cursor:pointer}.account-choice input{accent-color:#427ca9;margin:0}.notice-box{padding:15px 18px;border:1px solid #eadfc8;background:#fdfaf4;color:#a3906b;border-radius:7px;font-size:11px;line-height:1.9;margin-bottom:19px}.source-caption{font-size:9px;color:#a5b2bd;margin-top:16px;overflow-wrap:anywhere}.supplier-card>.text-button{font-size:10px;color:#7b95aa;margin-top:12px}.detail-source{font-size:9px;color:#a0acb7;padding:12px 21px;border-bottom:1px solid #edf1f4;overflow-wrap:anywhere;line-height:1.8}.detail-adoption{padding:16px 22px;border-bottom:1px solid #e8edf1;background:#fcfdfe}.detail-adoption .section-help{margin:8px 0 0;font-size:9px}.detail-adoption .adopted-chip{margin:0}.detail-adoption .text-button{display:block;font-size:10px;padding-top:9px}.adopt-button{background:#edf5fc;color:#4a769a;border:1px solid #bcd2e4;font-size:11px;font-weight:550;padding:10px;border-radius:6px;width:100%;text-align:center}.adopt-button:hover{background:#dfedf9}.action-dialog{border:0;border-radius:12px;padding:0;width:min(720px,calc(100vw - 40px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 80px #10273b50;background:#fff}.action-dialog::backdrop{background:#15283a99;backdrop-filter:blur(3px)}.action-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 27px 19px;border-bottom:1px solid #e4ebf0;background:#fcfdfe}.action-header h2{font-size:19px;font-weight:550;margin:9px 0 0}.action-header .icon-button{font-size:25px;color:#8b9cab}.action-body{padding:24px 27px;max-height:calc(90dvh - 100px);overflow:auto}.dialog-subtitle{font-size:12px;color:#859aab;line-height:1.8;margin:0 0 18px}.dialog-form{margin:14px 0 22px}.dialog-form .field-label{margin-top:18px}.dialog-form .field-label:first-child{margin-top:0}.invite-link{font-size:11px;background:#f4f8fb;resize:none;margin:18px 0;overflow-wrap:anywhere}.action-body>.primary-button{font-size:12px}.milestone-editor-list{display:flex;flex-direction:column;gap:10px;margin-top:25px}.milestone-editor{border:1px solid #dfe8ef;border-radius:7px;background:#fbfcfe;padding:16px 18px}.milestone-editor summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:12px;color:#607f98;list-style:none}.milestone-editor summary::-webkit-details-marker{display:none}.milestone-editor summary>span:first-child:before{content:'＋';margin-right:10px;color:#9db0bf;font-size:12px}.milestone-editor[open] summary>span:first-child:before{content:'−'}.milestone-editor>.entity-meta{margin:10px 0 0;padding-left:24px;font-size:9px}.compact-form{margin:19px 0 4px}.compact-form .field-label{font-size:10px}.result-list{display:flex;flex-direction:column;margin:19px 0}.result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f4}.result-row>div{min-width:0}.result-title{background:none;border:0;padding:0;text-align:left;font-size:12px;color:#507c9d;line-height:1.7;max-width:100%;overflow-wrap:anywhere}.result-row small{display:block;font-size:9px;margin-top:6px}.result-row .decision-badge{flex-shrink:0}.login-form select{font-size:11px}.login-form input[readonly]{background:#f1f5f8;color:#8097a9}.login-form .field-note{font-size:10px}.login-form #legacy-wrap{margin-top:23px}.toast{z-index:1000}
@media(max-width:1200px){.two-column,.ideas-layout,.team-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,.85fr);gap:19px}.form-card,.info-card{padding:23px}.game-filter{min-width:106px;max-width:none}.game-filter-logo{max-width:84px}.stats-grid{gap:11px}.stat-tile{padding:17px}.milestone-track{gap:5px}.milestone-step>span{font-size:9px}.account-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.two-column,.ideas-layout,.team-layout{grid-template-columns:1fr}.info-card{display:none}.ideas-layout>.form-card{position:static}.ideas-layout>.form-card{order:-1}.form-grid{gap:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-filter{min-width:110px;flex-basis:18%}.section-toolbar{flex-wrap:wrap}.library-options{gap:12px}.adoption-card,.idea-card,.user-progress-card,.supplier-card{padding:21px}.account-checkboxes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px) and (min-width:651px){.section-nav{margin:39px -5px 0}.section-button{font-size:0;justify-content:center;padding:12px 5px;gap:0;position:relative}.section-button>span{font-size:21px;width:26px}.section-button>b{font-size:8px;position:absolute;right:1px;top:1px;background:#233d53;padding:2px;border-radius:3px;margin:0}.sidebar-guide{display:none}.section-nav .section-button:focus-visible{outline-offset:0}.role-tag{display:none}}
@media(max-width:650px){.section-nav{flex-direction:row;overflow-x:auto;width:calc(100% + 38px);margin:0 -19px;gap:3px;padding:0 13px;scrollbar-width:none}.section-button{min-width:88px;width:auto;justify-content:center;flex-shrink:0;padding:12px 7px;font-size:11px;gap:6px;border-radius:6px 6px 0 0}.section-button>span{font-size:17px;width:17px}.section-button>b{display:none}.role-tag{display:none}.game-filters{gap:7px;margin-bottom:16px}.game-filter{flex-basis:28%;min-width:90px;min-height:65px;padding:10px 7px 7px;font-size:9px;gap:5px;border-radius:6px}.game-filter-logo{height:23px;max-width:72px}.game-filter:not(:has(img)){font-size:10px}.game-total{font-size:7px;right:5px;top:4px}.library-options{gap:10px;font-size:9px}.library-options select{padding:5px 16px 5px 6px;font-size:9px;max-width:120px}.library-options .text-button{font-size:9px}.bulk-bar{padding:10px 12px;font-size:10px}.bulk-bar .primary-button{font-size:10px;padding:8px 10px}.card-select{top:6px;left:6px;padding:3px 4px;font-size:8px}.card-select input{width:11px;height:11px}.card-due{font-size:8px;margin-top:7px}.adopted-chip{font-size:8px;padding:3px 5px}.form-card,.info-card{padding:21px 18px;border-radius:8px}.form-card h2{font-size:17px}.form-intro{font-size:10px;margin-bottom:19px}.form-card label{font-size:11px;margin-top:17px}.form-grid{grid-template-columns:1fr;gap:0}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.dialog-form input,.dialog-form select,.dialog-form textarea{font-size:13px;padding:10px}.form-card input::placeholder,.form-card textarea::placeholder{font-size:11px}.section-toolbar{font-size:10px;gap:12px;align-items:flex-start}.section-toolbar>span{line-height:1.8;flex:1}.section-toolbar select{font-size:10px;padding:7px}.adoption-card,.idea-card,.user-progress-card,.supplier-card{padding:18px}.entity-header{gap:10px}.entity-header h2{font-size:14px}.entity-header .secondary-button{font-size:9px;padding:7px 9px}.entity-meta{font-size:9px}.entity-description{font-size:11px}.milestone-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;margin:21px 0}.milestone-step:nth-child(3):after{display:none}.milestone-step>span{font-size:9px;margin-top:7px}.milestone-step>small{font-size:8px}.status-chip{font-size:8px;padding:4px 6px}.stats-grid{gap:10px;margin-bottom:20px}.stat-tile{padding:15px 16px;gap:9px}.stat-tile>span{font-size:9px}.stat-tile strong{font-size:24px}.admin-tabs{gap:17px;overflow-x:auto}.admin-tabs button{font-size:11px}.admin-tabs #refresh-admin{font-size:9px;min-width:60px}.account-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-card .account-choice{font-size:10px;padding:11px;gap:6px}.inline-actions{gap:12px}.inline-actions .text-button{font-size:10px}.action-dialog{width:calc(100vw - 20px);max-height:94dvh;border-radius:10px}.action-header{padding:18px}.action-header h2{font-size:16px;margin-top:8px}.action-header .section-kicker{font-size:8px}.action-body{padding:18px;max-height:calc(94dvh - 85px)}.dialog-subtitle{font-size:11px}.milestone-editor{padding:14px}.milestone-editor summary{font-size:11px}.milestone-editor>.entity-meta{font-size:8px;padding-left:21px}.detail-source{padding:11px 20px;font-size:9px}.detail-adoption{padding:14px 20px}.adopt-button{font-size:12px}.result-title{font-size:11px}.result-row small{font-size:8px}.source-caption{font-size:8px}.login-form-wrap{padding-top:40px}.login-form #auth-intro{line-height:1.9}.page-heading p{max-width:240px}}

/* Mobile browsing: keep the game selector to one swipeable row so actual
   design previews appear earlier, while preserving every game logo. */
@media(max-width:650px){.game-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 0 7px;margin-bottom:9px}.game-filter{flex:0 0 99px;min-width:99px;min-height:61px;scroll-snap-align:start}.page-heading{margin-bottom:17px}.game-filter:focus-visible{outline-offset:-3px}}

.preview-retry{display:block;width:calc(100% - 24px);margin:0 12px 10px;padding:9px 5px;font-size:11px;color:var(--amber);border-color:#ead9bc;background:var(--amber-soft)}

/* Approved direction: A dark workbench + C focused image review.
   Real brand images are served locally; the product art itself is unfiltered. */
:root{color-scheme:dark;--navy:#0c1828;--navy-deep:#07111e;--ink:#e7eef7;--muted:#9aafc5;--line:#24374b;--canvas:#0c1726;--blue:#147cc6;--blue-soft:#153755;--green:#8cd9b3;--green-soft:#173c32;--amber:#eac384;--amber-soft:#3d3322;--red:#edaaaa;--red-soft:#442c33;--shadow:0 10px 24px #02070f26;--panel:#132236;--panel-deep:#0c1a2c;--edge:#293e55}
body{background:var(--canvas);color:var(--ink)}
.blizzard-logo{display:block;width:148px;height:86px;object-fit:contain;flex-shrink:0;border-radius:3px}
.brand{letter-spacing:.5px}.brand-name{font-size:15px}.brand-name small{color:#8ca8c4;letter-spacing:1.3px;line-height:1.6}
.sidebar{width:228px;padding:24px 23px;background:#091422;border-right:1px solid #1e3044;z-index:10}
.sidebar .brand{flex-direction:column;align-items:flex-start;gap:14px}.sidebar .brand-name{font-size:17px}.sidebar .brand small{font-size:7px;letter-spacing:1.4px;margin-top:5px}
.sidebar .workspace-label{margin-top:29px;color:#7390ad;font-size:9px}.workspace-label span{border-color:#2b435d;color:#829db8}
.project-title{font-size:21px;font-weight:500;line-height:1.6;margin:12px 0 22px;color:#edf4ff}
.section-nav{gap:5px}.section-button{color:#91a9c2;border-radius:6px;font-size:13px;min-height:44px}.section-button.active{color:#ecf7ff;background:#163957;box-shadow:inset 3px 0 #49acff}.section-button:hover{background:#132b42;color:#eaf5ff}.section-button>b{color:#6f8da9}.section-button.active>b{color:#afd9fb}
.sidebar-guide{padding-top:24px}.sidebar-guide h3{color:#aec2d7;font-size:11px}.sidebar-guide p{color:#7993ad;font-size:10px}.sidebar-guide .guide-small{color:#657f98;font-size:9px;margin-top:16px}.sidebar-bottom{border-color:#22364a;color:#bad0e3;margin-top:21px;padding-top:16px}.sidebar-bottom small{color:#6d8aa5}
.main-shell{margin-left:228px;width:calc(100% - 228px)}
.topbar{height:74px;background:#0b1726;border-color:#22364a;padding:0 32px}.breadcrumb{color:#839bb4}.breadcrumb strong{color:#d3e3f3}.breadcrumb span{color:#47617a}
.topbar-actions{gap:20px}.baozun-corner{display:block;position:relative;overflow:hidden;background:white;border-radius:3px;width:76px;height:24px;flex:none}.baozun-corner img{position:absolute;width:158%;max-width:none;left:-27%;top:-92%;height:auto}.topbar .baozun-corner{order:5;margin-left:4px}
.user-chip{color:#d2e1ef}.avatar{background:#213a53;color:#b5d3ef}.role-tag{background:#182d43;border-color:#284560;color:#91b7d8}.export-button{color:#9eb8d0}.export-button:hover{color:#75c8ff}.text-button{color:#94b0ca}.text-button:hover{color:#d9edff}
.workspace{padding:27px 32px 24px;max-width:1720px}.page-heading{margin-bottom:24px}.section-kicker{color:#6e9fcb;font-size:9px;letter-spacing:1.7px}.page-heading h1{font-size:27px;font-weight:550;color:#f2f6fc}.page-heading p{color:#92aac2;font-size:12px;line-height:1.7}.progress-card>span{color:#8da8c1}.progress-card strong{color:#eef7ff}.progress-card em{color:#809bb4}.progress-track{background:#263d53}.progress-track i{background:#45a6ee}
.library-hero{position:relative;overflow:hidden;border:1px solid #2c4b68;border-radius:10px;min-height:144px;margin-bottom:24px;background:linear-gradient(90deg,#10243bf7 0%,#10243be6 40%,#10243b3d 85%),url('/brand/wow-keyart.webp') right 41% / cover;display:flex;align-items:center;justify-content:space-between;padding:23px 29px;gap:20px}.library-hero h2{font-size:23px;font-weight:500;color:#f2f8ff;margin:12px 0 9px;letter-spacing:.5px}.library-hero p{font-size:12px;color:#b3cbe2;margin:0;line-height:1.8}.hero-eyebrow{font-size:9px;letter-spacing:2px;color:#82b9e2}.hero-tag{align-self:flex-end;padding:6px 9px;font-size:9px;white-space:nowrap;border:1px solid #a7c6dc4a;background:#08172980;border-radius:4px;color:#d5e6f6}
.game-filters{gap:8px;margin-bottom:18px}.game-filter{background:#13253a;border:1px solid #294057;color:#b2c5d8;box-shadow:none;min-height:69px;font-size:10px;border-radius:7px}.game-filter:hover{border-color:#6087ab;background:#19314a}.game-filter.active{border-color:#4a9bd6;background:#1b3b58;color:#e0f2ff;box-shadow:inset 0 -2px #52b1f4}.game-filter-logo{height:29px;max-width:94px}.game-total{color:#89a7c2}.game-filter:not(:has(img)){color:#d4e8fb}.game-filter.active:not(:has(img)){color:white}
.filter-bar{border-color:#2a4055}.decision-tabs{gap:23px;border-color:#2a4055}.decision-tabs button{color:#94adc5;font-size:12px}.decision-tabs button.active{color:#eef6ff}.decision-tabs button.active:after{background:#5bb6fa}.decision-tabs span{color:#6d8aa7}.decision-tabs .active span{color:#8fc8ef}.search-wrap{background:#0d1d30;border-color:#2e4964;height:37px}.search-wrap input{color:#e5f1ff;font-size:12px}.search-wrap input::placeholder{color:#7b97b3}.search-wrap>span{color:#7ca4c7}.library-options{color:#8da6bf}.library-options select{background:#102238;border-color:#2b435b;color:#c0d5e8}.list-summary{color:#86a2bd}.preview-note{color:#6686a4}.bulk-bar{border-color:#315b7e;background:#132f48;color:#b3d6f3}
.gallery{gap:20px}.design-card{background:#14273c;border-color:#29425a;border-radius:9px;box-shadow:none}.design-card:hover{transform:translateY(-2px);border-color:#5590be;box-shadow:0 10px 25px #0003}.card-open{background:transparent}.card-preview{aspect-ratio:16/9;background:#e9edf1;border-color:#2b4258}.card-preview img{object-fit:contain}.card-body{padding:16px 17px 14px}.card-title{color:#e4edf6;font-size:15px;line-height:1.6;font-weight:500}.id-badge{background:#193b57;color:#8dcaff;border:1px solid #315576;font-size:10px;font-weight:600}.card-game{color:#b9a67c}.card-description{color:#8ba5be}.card-description .separator{color:#486781}.card-footer{border-color:#2a4055}.decision-badge{background:#1f3449;color:#b1c3d3}.card-activity{color:#8aa6c0}.card-avatars .avatar{border-color:#14273c;background:#2b4560;color:#bad5ee}.card-select{background:#0e2239eb;border-color:#466681;color:#bad5ec;box-shadow:0 2px 7px #0002}.card-select input{accent-color:#55b6fa}.card-due{color:#88b6d7}.card-due.overdue{color:#e2ad79}.adopted-chip{border-color:#3d705c;background:#1c3b30;color:#9bd5b6}.load-more-row button{background:#152a40;border-color:#345573;color:#bbdaf4}
.primary-button{background:#1784cf;color:#fff;border-radius:6px}.primary-button:hover{background:#2899e5}.secondary-button{background:#183049;border-color:#365570;color:#c6e0f5}.secondary-button:hover{background:#21415e}.icon-button{color:#a9c3db}.icon-button:hover{background:#28425c}.error-text{color:#f3adad}.workspace-error{background:#382e20;border-color:#765a33;color:#e7c995}.workspace-footer{border-color:#223a50;color:#728ea8}.empty-state{color:#7f9db7}.empty-state h2{color:#b4cde2}
/* Forms, account management, supplier records and milestone screens share
   the same readable theme; no administrative capability is hidden by styling. */
.form-card,.info-card,.adoption-card,.idea-card,.user-progress-card,.supplier-card,.stat-tile{background:#13253a;border-color:#2b435a;box-shadow:none}.form-card h2,.info-card h2,.entity-header h2,.action-header h2{color:#e5f0fa}.form-intro,.entity-meta{color:#93abc2}.form-card label,.field-label{color:#b2c9df}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.dialog-form input,.dialog-form select,.dialog-form textarea,.invite-link,.login-form select{background:#0d1d30;border-color:#36516b;color:#dcebf9;color-scheme:dark}.form-card input::placeholder,.form-card textarea::placeholder,.dialog-form input::placeholder,.comment-form textarea::placeholder{color:#7591ad}.form-card input[type=file]{background:#0c1c2e;border-color:#446785;color:#abc6de}.form-card input[type=file]::file-selector-button{background:#203b55;border-color:#365e7d;color:#cce7ff}.form-card .field-note,.field-note{color:#89a3bc}.form-status{color:#91c7ef}.info-card{background:#122a41;border-color:#304b65}.info-card ol{color:#9bb5ce}.info-card p{color:#8eabc5;border-color:#30475d}.section-toolbar label,.section-toolbar .muted{color:#93aec6}.section-toolbar select,.action-body>select{background:#132940;border-color:#35516b;color:#c1d7eb}.entity-description{color:#bdcfde}.source-caption{color:#7f9ab3}.stat-tile>span{color:#98b0c7}.stat-tile strong{color:#d2eaff}.progress-percent{color:#8ebce1}.admin-tabs{border-color:#2c4359}.admin-tabs button{color:#8daac5}.admin-tabs button.active{color:#bce1ff}.admin-tabs button.active:after{background:#60b9f2}.inline-actions .text-button,.supplier-card>.text-button{color:#90bee1}.panel-empty{background:#102236;border-color:#36516b;color:#9db5ca}.selection-summary{background:#102d44;border-color:#345470;color:#afd4ee}.form-card .account-choice{background:#102239;border-color:#36516b;color:#bfd4e6}.account-choice input{accent-color:#52b4f6}.notice-box{background:#302b23;border-color:#685637;color:#d5bb8b}.admin-note{background:#172e44;border-color:#5a83a3;color:#b3cadd}.status-chip{background:#294055;color:#c0d3e2}.status-chip.in_progress,.status-chip.reviewing,.status-chip.ready_for_design{background:#1a3d5a;color:#8fcbf3}.status-chip.done,.status-chip.confirmed,.status-chip.implemented{background:#1c4034;color:#9bd4b5}.status-chip.historical_pending_confirmation,.status-chip.new{background:#403725;color:#d8bd8b}.status-chip.inactive,.status-chip.archived{background:#303a44;color:#aab5c1}.milestone-step i{background:#1c3147;border-color:#3c556c;color:#819bb1}.milestone-step:after{background:#365169}.milestone-step>span{color:#9bb2c7}.milestone-step>small{color:#738ca4}.milestone-step.done i{background:#1a3f31;border-color:#477b62;color:#9cd5b7}.milestone-step.in_progress i{background:#1b3f5e;border-color:#427da6;color:#a4d8fc}.milestone-step.done>span{color:#99c5af}.milestone-step.in_progress>span{color:#9dc9ec}.action-dialog{background:#12253a;color:#e4eff9;border:1px solid #36516b}.action-header{background:#102136;border-color:#30485f}.action-body{color:#e4eff9}.dialog-subtitle{color:#9bb4ca}.milestone-editor{background:#142c43;border-color:#36516b}.milestone-editor summary{color:#bbd6ea}.milestone-editor summary>span:first-child:before{color:#81aed0}.result-row{border-color:#2c4359}.result-title{color:#8fcaf5}.result-row small{color:#94acc3}.invite-link{background:#0b1e30}.action-dialog::backdrop,.review-dialog::backdrop{background:#020810d9;backdrop-filter:blur(4px)}
/* C: nearby numbered queue / complete artwork / adjacent personal feedback. */
.review-dialog{width:calc(100vw - 28px);max-width:1800px;height:calc(100dvh - 28px);max-height:1200px;border:1px solid #35516b;border-radius:10px;background:#0c1928;box-shadow:0 25px 90px #0007;color:#e8f1fa}.detail-header{height:64px;background:#0d1e31;border-color:#2d455d;padding:0 19px}.detail-heading h2{color:#e7f2fc;font-size:15px}.version-badge{background:#1c344b;color:#93b0ca}.group-navigation{border-color:#314d66}.group-button{color:#a7c5dd;font-size:13px}.group-button:hover:not(:disabled){color:#6bc4ff}.group-position{color:#7699b6}.detail-layout{grid-template-columns:178px minmax(0,1fr) 326px;height:calc(100% - 64px)}
.focus-queue{background:#091624;border-right:1px solid #2a4259;padding:15px 11px;overflow-y:auto;min-width:0}.queue-world{height:70px;border-radius:5px;background:linear-gradient(0deg,#10294499,#10294422),url('/brand/wow-keyart.webp') center 45% / cover;border:1px solid #314c64;margin-bottom:18px}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 4px}.queue-heading h3{font-size:12px;color:#c8def0;font-weight:500;margin:0}.queue-heading>span{font-size:9px;color:#7f9eb9}.queue-help{font-size:9px;color:#6487a6;line-height:1.7;padding:0 4px;margin:8px 0 14px}.group-queue{display:flex;flex-direction:column;gap:8px}.queue-item{display:block;width:100%;text-align:left;border:1px solid transparent;background:#102136;border-radius:5px;padding:11px 9px;color:#b1c8dc}.queue-item:hover{background:#17314b;border-color:#345c7c}.queue-item.active{border-color:#439adb;background:#173b58;box-shadow:inset 2px 0 #55b9ff}.queue-item-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:7px}.queue-item-head strong{color:#8ecbfa;font-size:11px;font-weight:550}.queue-status{color:#7594ae;font-size:8px;white-space:nowrap}.queue-status.retain{color:#93d0ad}.queue-status.deepen{color:#d8ba80}.queue-status.discard{color:#d59b9e}.queue-title{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.queue-category{display:block;font-size:8px;color:#7696b1;margin-top:6px}
.image-panel{background:#192c40}.image-toolbar{background:#102238;border-color:#304960;color:#95b2cd;height:52px;padding:0 16px;font-size:10px}.detail-game-logo{height:28px;width:59px;object-fit:contain;flex:none}.toolbar-divider{background:#42627b}.zoom-controls .icon-button{color:#c0daed}.zoom-label{color:#c0d7ea}.original-link{color:#91c6ec;border-color:#466079}.image-stage{padding:24px;background:#1a2e42;background-image:none}.image-sizer img{filter:drop-shadow(0 8px 15px #020b1559)}.image-bottom{background:#102238;border-color:#2d465d}.page-button{color:#a0c6e3}.page-dots button{background:#19334b;border-color:#3c5e79;color:#9cc1de}.page-dots button.active{background:#2b80ba;border-color:#5ab5f4;color:white}.image-loading{background:#0d2136ed;border-color:#41627c;color:#bdd7eb;box-shadow:0 4px 15px #0003}.image-loading>span{border-color:#46718f;border-top-color:#80cdfb}.image-error{background:#10263b;border-color:#3f617b;color:#c6dceb}.image-error button{background:#203d57;border-color:#51718a;color:#d3eaff}
.feedback-panel{background:#102136;border-color:#304a62;min-width:0}.my-feedback,.team-feedback,.comments-section{border-color:#29435b;padding:21px 20px}.section-row h3{color:#dceaf7;font-size:13px}.small-count{color:#7b9cb8}.section-help{color:#89a8c2;line-height:1.8}.save-status{color:#9dd8b4}.save-status.saving{color:#c3cdd4}.decision-buttons button{background:#172d43;border-color:#35526d;color:#bfd4e6}.decision-buttons small{color:#87a1b7}.decision-buttons button:hover{background:#21425e;border-color:#7396b0}.decision-buttons button[data-decision=retain].selected{border-color:#6cae8b}.decision-buttons button[data-decision=deepen].selected{border-color:#c8a568}.decision-buttons button[data-decision=discard].selected{border-color:#bc7b85}.neutral-button{color:#789bb8}.neutral-button:hover{color:#bddcf4}.comment-form{position:relative;bottom:auto;margin-top:0;padding:18px 20px;background:#0e2034;border-top:0;border-bottom:1px solid #29435b}.comment-form-title{font-size:12px;font-weight:500;margin:0 0 11px;color:#c5d9e9}.comment-form textarea{background:#0b1a2b;border-color:#365875;color:#d2e6f6;font-size:12px;min-height:90px}.comment-submit-row>span{color:#7396b3}.comment-submit-row .primary-button{padding:10px 14px;font-size:11px}.draft-note{color:#6485a1;font-size:9px}.detail-adoption{padding:16px 20px;border-color:#29435b;background:#122a3f}.detail-adoption .text-button{color:#8ec9f2}.adopt-button{border-color:#3f6687;background:#163853;color:#b7dffc}.adopt-button:hover{background:#214c6d}.team-row .reviewer-label{color:#b6cedf}.team-row .reviewer-label small{color:#6e96b4}.empty-copy{color:#7b9cb6}.comment-author{color:#b8d4e9}.comment-time{color:#668ba9}.comment-text{color:#bed0df;font-size:12px;line-height:1.9}.comments-section{flex:1;min-height:140px}.detail-source{color:#7697b1;border-color:#29435b;padding:13px 20px;font-size:9px;flex-shrink:0}.toast{background:#123451f7;border-color:#5789af;color:#edf8ff}.preview-retry{color:#e6c694;border-color:#7b6541;background:#3c3324}
/* Branded authentication without additional scripts or external resources. */
.login-screen{background:#0b1828;grid-template-columns:minmax(420px,52%) 1fr}.login-story{background:linear-gradient(0deg,#071422ee 0%,#081727bb 46%,#08172799),url('/brand/wow-keyart.webp') 56% center / cover;padding:43px 48px}.login-story .brand{gap:21px;align-items:center}.login-story .blizzard-logo{width:143px;height:84px}.login-story .brand-name{font-size:17px}.login-story-copy{margin:75px 0 70px}.login-story h1{font-weight:500;font-size:clamp(30px,3vw,46px);line-height:1.55;text-shadow:0 3px 22px #0008}.login-story p{color:#b6cfe4}.story-tags span{background:#0d203799;border-color:#52728d;color:#c0dbf1}.story-grid{display:none}.login-foot{color:#9cb7ce}.login-form-wrap{background:#0b1828;padding:70px 44px}.login-form h2{color:#eaf3fd;font-weight:500}.login-form label{color:#afc8dd}.login-form input{background:#10253b;border-color:#36536e;color:#e0eefb}.login-form input::placeholder{color:#7592ae}.login-form input[readonly]{background:#14283b;color:#99b4cb}.login-intro{color:#8fabc3}.login-disclaimer{color:#688ba8}.code-wrap button{color:#8fb8d9}.login-baozun{position:absolute;right:34px;top:32px;width:82px;height:26px}
@media(min-width:1700px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-layout{grid-template-columns:210px minmax(0,1fr) 350px}.queue-item{padding:13px 12px}.queue-title{font-size:12px}}
@media(max-width:1250px){.sidebar{width:204px;padding-left:19px;padding-right:19px}.sidebar .blizzard-logo{width:137px;height:80px}.main-shell{margin-left:204px;width:calc(100% - 204px)}.workspace{padding:25px}.topbar{padding:0 25px}.topbar-actions{gap:14px}.library-hero{padding:21px 24px;min-height:132px}.library-hero h2{font-size:21px}.detail-layout{grid-template-columns:150px minmax(0,1fr) 300px}.focus-queue{padding:13px 8px}.queue-item-head{gap:4px}.queue-status{font-size:7px}.my-feedback,.team-feedback,.comments-section{padding-left:17px;padding-right:17px}.comment-form{padding:17px}.image-stage{padding:17px}.detail-game-logo{width:47px;height:25px}.image-toolbar{padding:0 12px}.image-toolbar #detail-game{display:none}.image-toolbar .toolbar-divider{display:none}}
@media(max-width:1050px){.topbar .export-button{font-size:10px}.topbar-actions{gap:11px}.topbar .role-tag{display:none}.game-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.game-filter{flex:0 0 113px;min-width:113px;max-width:113px}.filter-bar{gap:0}.decision-tabs{border-color:#2a4055}.detail-layout{grid-template-columns:minmax(0,1fr) 305px}.focus-queue{display:none}.detail-header{height:60px}.detail-layout{height:calc(100% - 60px)}.detail-heading h2{max-width:none}.review-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px)}}
@media(max-width:800px) and (min-width:651px){.sidebar{width:82px;padding:19px 8px}.sidebar .brand{align-items:center}.sidebar .blizzard-logo{width:65px;height:40px}.sidebar .brand-name{display:none!important}.main-shell{margin-left:82px;width:calc(100% - 82px)}.section-nav{margin-top:29px}.section-button.active{box-shadow:inset 2px 0 #49acff}.sidebar-bottom{padding:15px 0}.workspace{padding:24px 22px}.topbar{padding:0 22px}.breadcrumb{font-size:10px}.topbar-actions{gap:10px}.topbar .baozun-corner{width:63px;height:20px}.topbar .user-chip{font-size:10px}.topbar .export-button{display:none}.image-toolbar{height:47px;gap:6px}.image-toolbar>div:first-child{gap:4px}.detail-game-logo{width:40px}.image-stage{padding:12px}.original-link{font-size:9px;margin-left:2px;padding-left:6px}.zoom-controls .icon-button{min-width:24px}.image-bottom{padding:0 12px}}
@media(max-width:650px){
  .sidebar{position:relative;width:100%;padding:12px 16px 0;gap:11px;border-right:0;border-bottom:1px solid #294059}.sidebar .brand{flex-direction:row;gap:12px;align-items:center}.sidebar .blizzard-logo{width:91px;height:53px}.sidebar .brand-name{display:block!important;font-size:15px}.sidebar .brand small{display:block;font-size:6px;letter-spacing:1.1px;margin-top:5px}.workspace-label,.project-title,.sidebar-guide,.sidebar-bottom{display:none}.section-nav{width:calc(100% + 32px);margin:0 -16px;padding:0 9px;gap:2px}.section-button{font-size:11px;min-width:85px;min-height:42px;padding:11px 6px;border-radius:5px 5px 0 0}.section-button.active{box-shadow:inset 0 -2px #56b8fb}.section-button>span{font-size:16px}.main-shell{margin:0;width:100%}.topbar{height:45px;padding:0 16px;background:#0b1929}.topbar-actions{gap:12px}.topbar .baozun-corner{order:0;margin-left:0;width:64px;height:20px}.topbar .export-button{font-size:9px;margin-left:auto}.topbar .user-chip{margin-left:0;font-size:10px;gap:6px;max-width:124px}.user-chip .avatar{width:21px;height:21px}.topbar #user-name{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar #logout{font-size:10px}.topbar .role-tag{display:none}.workspace{padding:19px 15px 20px}.page-heading{margin-bottom:16px;gap:12px}.page-heading .section-kicker{font-size:7px;letter-spacing:1.3px}.page-heading h1{font-size:23px;margin:7px 0 6px}.page-heading p{font-size:10px;max-width:220px;line-height:1.7}.progress-card{width:86px;padding-top:0}.progress-card>span{font-size:8px}.progress-card strong{font-size:22px}.progress-card em{font-size:9px}.library-hero{min-height:65px;padding:13px 16px;margin-bottom:15px;border-radius:7px;background-position:right 42%;background-image:linear-gradient(90deg,#10243bf5,#10243baf 64%,#10243b33),url('/brand/wow-keyart.webp')}.hero-eyebrow,.hero-tag,.library-hero p{display:none}.library-hero h2{font-size:14px;line-height:1.6;margin:0;font-weight:500;max-width:210px}.game-filters{gap:7px;margin-bottom:8px;padding-bottom:6px;scrollbar-width:thin}.game-filter{flex:0 0 99px;min-width:99px;max-width:99px;min-height:60px;font-size:9px;padding:8px 8px 6px;gap:5px;border-radius:5px}.game-filter-logo{height:25px;max-width:74px}.game-total{font-size:7px}.filter-bar{padding-bottom:10px}.decision-tabs{margin-bottom:10px;gap:8px}.decision-tabs button{font-size:11px;padding:10px 0 11px}.decision-tabs span{font-size:8px}.search-wrap{height:36px}.search-wrap input{font-size:12px}.library-options{margin-top:11px;gap:10px;font-size:9px}.library-options select{font-size:10px;padding:6px 18px 6px 7px;max-width:125px}.library-options .text-button{font-size:9px}.list-summary{font-size:9px;margin:13px 0}.gallery{grid-template-columns:1fr;gap:16px}.card-preview{aspect-ratio:16/9}.card-body{padding:14px 15px 12px}.card-meta{margin-bottom:9px}.id-badge{font-size:10px;padding:4px 6px}.card-game{font-size:10px}.card-title{min-height:0;font-size:15px;margin-bottom:9px}.card-description{font-size:10px}.card-footer{margin:0 15px;padding:11px 0;flex-direction:row;align-items:center}.decision-badge{font-size:10px}.card-activity{font-size:9px}.card-avatars .avatar{width:20px;height:20px;font-size:8px}.page-count{font-size:9px;padding:4px 7px}.card-select{top:9px;left:9px;font-size:9px;padding:5px 7px}.card-select input{width:13px;height:13px}.card-due{font-size:10px}.adopted-chip{font-size:9px}.design-card:hover{transform:none}.workspace-footer{font-size:9px;line-height:1.9}.workspace-footer>span:last-child{display:none}.workspace-footer>span{max-width:none}.bulk-bar{gap:10px;font-size:10px}.bulk-bar .primary-button{font-size:10px}.load-more-row button{min-height:44px}
  .form-card,.adoption-card,.idea-card,.user-progress-card,.supplier-card{padding:20px 17px}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.dialog-form input,.dialog-form select,.dialog-form textarea,.comment-form textarea{font-size:16px}.form-card input::placeholder,.form-card textarea::placeholder,.dialog-form input::placeholder{font-size:13px}.form-intro,.entity-meta{font-size:11px}.entity-description{font-size:12px}.section-toolbar{font-size:11px}.form-card .primary-button{min-height:44px;font-size:12px}.inline-actions .text-button{font-size:11px;padding:9px 0}.action-dialog{width:calc(100vw - 16px)}.action-body{padding:18px}.milestone-step>span{font-size:10px}.notice-box{font-size:11px}.admin-tabs button{padding:13px 0;min-height:44px}.status-chip{font-size:9px}
  .review-dialog{width:100vw;height:100dvh;max-height:none;max-width:none;margin:0;border-radius:0;border:0;overflow:auto}.detail-header{height:56px;position:sticky;top:0;z-index:3;padding:0 12px;gap:7px}.detail-heading h2{font-size:12px;max-width:none}.detail-heading{gap:7px}.detail-heading .id-badge{font-size:9px;padding:4px 5px}.detail-actions{gap:2px}.group-navigation{gap:2px;padding-right:4px}.group-button{font-size:17px;min-height:36px;min-width:25px;padding:5px 3px}.group-position{font-size:8px;min-width:38px}.detail-header .close-button{min-width:31px;min-height:36px}.detail-layout{display:flex;flex-direction:column;height:auto;min-height:calc(100% - 56px)}.image-panel{order:0;height:42dvh;min-height:280px;max-height:470px}.image-toolbar{height:43px;padding:0 12px;font-size:9px}.detail-game-logo{height:25px;width:53px}.image-toolbar #detail-game{display:none}.image-toolbar .toolbar-divider{display:none}.image-toolbar>div:first-child{gap:8px}.zoom-controls .icon-button{font-size:18px;min-height:30px;min-width:27px}.zoom-label{font-size:10px;min-width:45px}.original-link{font-size:10px;margin-left:5px;padding-left:9px}.image-stage{padding:10px}.image-bottom{height:42px;padding:0 14px}.page-dots button{min-width:26px;height:26px;font-size:10px}.feedback-panel{order:1;overflow:visible;border-left:0;border-top:1px solid #304a62}.my-feedback{padding:18px 17px 15px}.section-row h3{font-size:14px}.section-help{font-size:11px;margin:9px 0 12px}.decision-buttons{gap:9px}.decision-buttons button{flex-direction:row;min-height:46px;justify-content:center;gap:8px;padding:11px 6px}.decision-buttons strong{font-size:13px}.decision-buttons button>span{font-size:21px;margin:0}.decision-buttons small{display:none}.neutral-button{font-size:10px;padding-top:12px;min-height:32px}.comment-form{padding:18px 17px;position:relative}.comment-form-title{font-size:13px}.comment-form textarea{font-size:16px;min-height:94px;line-height:1.6}.comment-form textarea::placeholder{font-size:13px}.comment-submit-row .primary-button{min-height:42px;padding:10px 15px;font-size:12px}.comment-submit-row>span{font-size:10px}.draft-note{font-size:10px}.team-feedback,.comments-section{padding:18px 17px}.team-row{font-size:12px}.empty-copy{font-size:12px}.comment-text{font-size:13px}.comment-author{font-size:11px}.comment-time{font-size:9px}.detail-source{font-size:10px;padding:14px 17px}.detail-adoption{padding:17px}.detail-adoption .section-help{font-size:10px}.adopt-button{min-height:43px;font-size:12px}.focus-queue{display:block;order:2;border-right:0;border-top:1px solid #304a62;padding:17px;overflow:hidden}.queue-world,.queue-help{display:none}.queue-heading{margin-bottom:12px;padding:0}.group-queue{display:flex;flex-direction:row;overflow-x:auto;gap:9px;padding-bottom:5px;scrollbar-width:thin}.queue-item{flex:0 0 154px;padding:11px 10px;min-height:83px}.queue-title{font-size:11px}.queue-item-head strong{font-size:11px}.queue-status{font-size:9px}.queue-category{display:none}
  .login-screen{grid-template-columns:1fr}.login-story{min-height:auto;padding:22px 25px 28px;background-position:57% 43%}.login-story .brand{gap:14px}.login-story .blizzard-logo{width:110px;height:64px}.login-story .brand-name{font-size:15px}.login-story .brand small{font-size:6px;letter-spacing:1px}.login-story-copy{margin:22px 0 0}.login-story .eyebrow{font-size:8px;letter-spacing:1.4px}.login-story h1{font-size:25px;margin:12px 0 10px;line-height:1.5}.login-story p{font-size:11px;margin:0}.story-tags{display:none}.login-foot{display:none}.login-form-wrap{padding:41px 25px 36px}.login-form h2{font-size:24px}.login-intro{font-size:12px;margin-bottom:27px}.login-form input{font-size:16px;height:47px}.login-form label{font-size:12px}.login-baozun{top:17px;right:25px;width:64px;height:20px}.login-form .section-kicker{font-size:8px}.login-disclaimer{font-size:10px}.code-wrap button{font-size:12px}
}
@media(max-width:370px){.topbar-actions{gap:9px}.topbar .baozun-corner{width:55px;height:17px}.topbar .user-chip .avatar{display:none}.progress-card{width:76px}.progress-card strong{font-size:20px}.page-heading h1{font-size:21px}.library-options{gap:8px}.library-options select{max-width:110px}.group-position{display:none}.detail-heading h2{max-width:190px}.sidebar .brand-name{font-size:14px}.detail-game-logo{width:44px}}
/* Use the located full-size Blizzard master at its 150px minimum display width. */
.blizzard-logo,.sidebar .blizzard-logo,.login-story .blizzard-logo{width:150px;height:90px}
@media(max-width:800px) and (min-width:651px){.sidebar{width:180px;padding:20px 14px}.sidebar .brand{align-items:flex-start}.sidebar .brand-name{display:block!important;font-size:15px}.sidebar .brand small{font-size:6px}.main-shell{margin-left:180px;width:calc(100% - 180px)}.section-nav{margin:26px -5px 0}.section-button{font-size:12px;justify-content:flex-start;gap:9px;padding:12px 9px}.section-button>span{font-size:19px;width:20px}.section-button>b{font-size:9px;position:static;margin-left:auto;padding:0;background:none}.sidebar-bottom{justify-content:flex-start}.sidebar-bottom>div{display:block}.topbar-actions{width:100%}.breadcrumb{display:none}.topbar .user-chip{margin-left:auto}.gallery{gap:16px}.card-body{padding:13px}.card-title{font-size:13px}.card-activity{font-size:8px}.card-avatars{display:none}.card-game{font-size:8px}}
@media(max-width:650px){.sidebar .brand{gap:11px}.sidebar .brand-name{font-size:14px}.sidebar .brand small{font-size:6px;letter-spacing:.7px}.login-story .brand{gap:14px}.login-story .brand-name{font-size:14px}.library-hero{background-image:linear-gradient(90deg,#10243bf5,#10243baf 64%,#10243b33),url('/brand/wow-keyart-mobile.webp')}.login-story{background-image:linear-gradient(0deg,#071422ee 0%,#081727bb 46%,#08172799),url('/brand/wow-keyart-mobile.webp')}.queue-world{background-image:none}}
/* Text contrast: keep compact action labels readable on blue. */
.primary-button{background:#0b73b8}.primary-button:hover{background:#146cab}.draft-note{color:#7898b3}
/* Approved option B: original standalone game symbols on transparent backgrounds. */
.game-filter{min-height:94px;gap:7px;padding-top:12px;padding-bottom:9px}
.game-filter-logo{width:46px;max-width:46px;height:46px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;box-sizing:border-box}
.game-filter-logo[src*="diablo-symbol"]{width:52px;max-width:52px;height:46px}
.detail-game-logo{width:30px;height:30px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;box-sizing:border-box}
@media(max-width:650px){.game-filter{min-height:88px;padding:11px 8px 8px;gap:6px}.game-filter-logo{width:42px;max-width:42px;height:42px}.game-filter-logo[src*="diablo-symbol"]{width:48px;max-width:48px;height:42px}.detail-game-logo{width:28px;height:28px}}
/* Crop only the photograph's outside margin in layout; keep the supplied badge and lettering intact. */
.baozun-corner{background:transparent;border:0;box-shadow:none;aspect-ratio:1620 / 451;height:auto!important;border-radius:0 8% 0 8% / 0 28% 0 28%;isolation:isolate}
.baozun-corner img{width:158.024691%;left:-27.469136%;top:-104.878049%;height:auto;max-width:none}
.blizzard-logo{background:transparent;border:0;border-radius:0;box-shadow:none}
/* Quiet horizontal scroll affordances, matching the approved workbench. */
.game-filters,.section-nav,.group-queue,.page-dots,.admin-tabs{scrollbar-width:thin;scrollbar-color:#45607966 transparent}
.game-filters::-webkit-scrollbar,.section-nav::-webkit-scrollbar,.group-queue::-webkit-scrollbar,.page-dots::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{height:4px;width:4px}
.game-filters::-webkit-scrollbar-track,.section-nav::-webkit-scrollbar-track,.group-queue::-webkit-scrollbar-track,.page-dots::-webkit-scrollbar-track,.admin-tabs::-webkit-scrollbar-track{background:transparent}
.game-filters::-webkit-scrollbar-thumb,.section-nav::-webkit-scrollbar-thumb,.group-queue::-webkit-scrollbar-thumb,.page-dots::-webkit-scrollbar-thumb,.admin-tabs::-webkit-scrollbar-thumb{background:#45607966;border-radius:8px}
.game-filters:hover::-webkit-scrollbar-thumb,.section-nav:hover::-webkit-scrollbar-thumb,.group-queue:hover::-webkit-scrollbar-thumb,.page-dots:hover::-webkit-scrollbar-thumb,.admin-tabs:hover::-webkit-scrollbar-thumb{background:#54779599}
@supports selector(::-webkit-scrollbar){.game-filters,.section-nav,.group-queue,.page-dots,.admin-tabs{scrollbar-width:auto;scrollbar-color:auto}}

/* Resizable review queue: desktop only; mobile keeps its existing text rail. */
.queue-divider-shell{display:none}
.queue-preview{position:relative;display:block;aspect-ratio:16/9;margin-bottom:10px;background:#e9eff4;border:1px solid #60778b;border-radius:3px;overflow:hidden}
.queue-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}
.queue-preview[data-loaded="true"] .queue-preview-image{visibility:visible}
.queue-preview[data-loaded="true"] .queue-preview-hint{display:none}
.queue-preview-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#63788a;font-size:10px}
body.queue-resizing,body.queue-resizing *{cursor:col-resize!important;user-select:none!important;-webkit-user-select:none!important}
@media(min-width:1051px){
 .detail-layout{grid-template-columns:var(--review-queue-width,178px) 24px minmax(0,1fr) 326px}
 .detail-layout.queue-collapsed{grid-template-columns:0 32px minmax(0,1fr) 326px}
 .focus-queue{padding:15px 11px;border-right:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#47637a #091624}
 .queue-collapsed .focus-queue{visibility:hidden;overflow:hidden;padding:0;border:0}
 .queue-divider-shell{position:relative;display:block;min-width:0;background:#0c1c2c;border-left:1px solid #2a4259;border-right:1px solid #2a4259}
 .queue-resizer{position:absolute;inset:0;cursor:col-resize;touch-action:none;outline:none}
 .queue-resizer>span{position:absolute;left:10px;top:43%;height:48px;width:2px;background:#47647d;border-radius:3px}
 .queue-resizer:hover,.queue-resizer:focus-visible{background:#17344d}
 .queue-resizer:focus-visible{outline:2px solid #72bdf0;outline-offset:-2px}
 .queue-resizer:hover>span,.queue-resizer:focus-visible>span{background:#8dd3ff}
 .queue-toggle{position:absolute;top:15px;left:0;display:flex;align-items:center;justify-content:center;width:23px;height:34px;padding:0;border:1px solid #3a5973;border-radius:5px;background:#19334b;color:#bce2ff;font-size:24px;line-height:1;cursor:pointer;z-index:1}
 .queue-toggle:hover{background:#254d6b;color:white}
 .queue-toggle:focus-visible{outline:2px solid #8ed5ff;outline-offset:2px}
 .queue-collapsed .queue-toggle{left:3px}
 .queue-collapsed .queue-resizer{pointer-events:none}
 .queue-collapsed .queue-resizer>span{display:none}
 .queue-thumbnails .queue-world{display:none}
 .queue-thumbnails .queue-item{padding:9px}
 .queue-thumbnails .queue-title{font-size:11px;line-height:1.5}
 .queue-thumbnails .queue-item-head{margin-bottom:5px}
 .queue-thumbnails .queue-help{margin-bottom:12px;line-height:1.5}
}
@media(min-width:1051px) and (max-width:1250px){
 .detail-layout{grid-template-columns:var(--review-queue-width,178px) 24px minmax(0,1fr) 300px}
 .detail-layout.queue-collapsed{grid-template-columns:0 32px minmax(0,1fr) 300px}
}
@media(min-width:1700px){
 .detail-layout{grid-template-columns:var(--review-queue-width,178px) 24px minmax(0,1fr) 350px}
 .detail-layout.queue-collapsed{grid-template-columns:0 32px minmax(0,1fr) 350px}
}

/* Fixed, administrator-only 200-group import workspace. */
.batch-import{margin-bottom:24px;border-top:3px solid #48a4dc}.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.batch-heading h2{margin:7px 0 14px}.batch-tag{font-size:11px;color:#91b9d5;border:1px solid #365575;border-radius:4px;padding:7px 10px;white-space:nowrap}.batch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.batch-summary{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0 8px}.batch-import progress{width:100%;height:7px;accent-color:#48a4dc}.batch-result-details{margin-top:15px}.batch-result-details summary{cursor:pointer;padding:10px 0;font-size:12px}.batch-results{list-style:none;padding:0;margin:7px 0;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:5px}.batch-row{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(160px,35%);gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.batch-row:last-child{border-bottom:0}.batch-row strong{font-size:11px;color:#88b9da}.batch-row-state{color:var(--muted)}.batch-imported .batch-row-state{color:#67bea1}.batch-failed .batch-row-state{color:#ee9f93}.batch-uploading .batch-row-state{color:#74bfff}.batch-existing .batch-row-state{color:#b5bfca}@media(max-width:650px){.batch-row{grid-template-columns:48px minmax(0,1fr);gap:5px 9px}.batch-row-state{grid-column:2}.batch-actions button{flex:1;min-width:94px}.batch-tag{display:none}}

/* Reliability release: legible text, preserved design space. */
.review-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.review-shortcuts .secondary-button{background:#17344c;border-color:#47718e;color:#cce7fb;font-size:12px;min-height:38px}.review-shortcuts .text-button{font-size:11px;color:#99c7e8;min-height:32px}.design-information{padding:15px 20px;border-bottom:1px solid #29435b;background:#0e2034}.design-information summary{cursor:pointer;color:#c5d9e9;font-size:12px;min-height:26px}.design-category{font-size:11px;color:#9dbbd2;line-height:1.8}.design-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#c3d9e9;font-size:13px;line-height:1.85}.draft-note{font-size:11px;line-height:1.8}.revision-conflict{margin-top:10px;padding:12px;background:#302b22;border:1px solid #8a7247;border-radius:5px;color:#ecd5aa}.revision-conflict pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8}.revision-conflict button{font-size:12px;margin-top:8px}.ops-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ops-status{padding:20px;border:1px solid #31506b;border-radius:7px;background:#102338}.ops-status h3{font-size:15px;margin:0 0 12px}.ops-status p{font-size:13px;line-height:1.9;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.design-information{padding:17px}.design-information summary{font-size:14px;min-height:36px}.design-category{font-size:12px}.design-description{font-size:14px}.review-shortcuts .secondary-button{min-height:44px;font-size:13px}.review-shortcuts .text-button{font-size:12px;min-height:38px}.draft-note{font-size:12px}.decision-tabs span,.game-total{font-size:10px}.page-dots button{min-width:36px;height:36px;font-size:12px}.image-bottom{height:48px}.group-button{min-width:32px;min-height:40px}.ops-summary{grid-template-columns:1fr}}