:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202329;background:#f6f7f9;font-synthesis:none;--red:#d83e43;--line:#e8e9ec;--muted:#737985}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #ef9fa2;outline-offset:3px}[hidden]{display:none!important}a{color:inherit}h1{font-size:38px;line-height:1.16;letter-spacing:-1.3px;margin:9px 0 14px;font-weight:650}h2{font-size:21px;letter-spacing:-.5px;margin:0}h3{font-size:16px;margin:24px 0 10px}p{line-height:1.6}.muted,.hint{color:var(--muted)}.hint{font-size:13px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:var(--red);margin:0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:29px;letter-spacing:-1.2px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:1px;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--red);color:white;border-radius:14px;width:43px;height:43px;font-size:30px}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid var(--line);padding:33px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 9px}.nav-caption{font-size:9px;letter-spacing:1.7px;color:#8d929c;margin:44px 14px 15px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:11px;background:none;color:#737985;font-size:14px}.nav-item.active{background:#fff1f1;color:#b73136;font-weight:650}.sidebar-note{margin-top:auto;border:1px solid var(--line);border-radius:13px;padding:15px;font-size:12px;color:#606571}.sidebar-note strong{color:#383c44}.sidebar-note p{font-size:12px;line-height:1.55}.sidebar-note .tag{font-size:8px}.logout{margin-top:17px;font-size:12px!important}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:#606572}.breadcrumb span{padding:0 12px;color:#b7bbc2}.private-pill{font-size:10px;color:#6f7975;border:1px solid var(--line);padding:6px 10px;border-radius:20px}.private-pill::first-letter{color:#6b9785}main{margin-left:218px;min-height:100vh;min-width:0}.view{padding:34px 42px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading .muted{font-size:13px;margin-bottom:0}.heading-actions{display:flex;flex-direction:column;gap:10px}.primary,.secondary,.ghost{padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.4}.primary{background:var(--red);color:white}.primary:hover{background:#bd3338}.secondary{background:white;border:1px solid #dfe1e5;color:#434952}.ghost{background:none;color:#656b76}.wide{width:100%}.workflow{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:15px;padding:19px 23px;margin-bottom:31px;gap:12px}.workflow>div{display:flex;align-items:center;gap:13px}.workflow b{font-size:12px;color:#d4787c;background:#fff3f3;border-radius:10px;padding:10px}.workflow span{font-size:12px;font-weight:650}.workflow small{display:block;color:#858b95;font-size:10px;font-weight:400;margin-top:6px}.workflow i{font-style:normal;color:#c6c9cf}.list-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.list-bar input{width:235px;margin:0;background:white;font-size:12px}.counter{display:inline-block;font-size:11px;vertical-align:middle;padding:4px 8px;border-radius:7px;background:#e9ebee;color:#636b76;margin-left:5px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:17px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:21px;min-width:0;overflow-wrap:anywhere}.card h3{font-size:17px;letter-spacing:-.3px;margin:16px 0 10px}.card p{font-size:13px}.card .meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.card .card-action{margin-top:17px;display:flex;justify-content:space-between;align-items:center}.card .card-action .ghost{padding:0;color:#c63b40}.card.demo{background:linear-gradient(120deg,#fff,#fff9f7)}.tag{font-size:10px;background:#f0f2f5;color:#59616e;border-radius:7px;padding:5px 8px;display:inline-flex;max-width:100%;overflow-wrap:anywhere}.tag.review{background:#fff2dc;color:#926a1b}.tag.approved,.tag.returned{background:#eaf4ed;color:#527960}.tag.failed,.tag.dispatch_failed,.tag.interrupted{background:#fdecee;color:#b93848}.empty{border:1px dashed #d5d9df;border-radius:16px;padding:36px;text-align:center;color:var(--muted);grid-column:1/-1;font-size:14px}.empty strong{display:block;margin-bottom:10px;font-size:17px;color:#565e6b}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:23px;font-size:11px;color:var(--muted)}footer{font-size:10px;line-height:1.7;padding:18px 42px 26px;color:#979ba4}footer span{margin:0 7px}.banner{padding:14px 18px;background:#fff7e9;border:1px solid #f4e5c7;border-radius:12px;font-size:12px;line-height:1.7;color:#896d3a;margin:18px 0}.notice{position:sticky;top:0;z-index:6;background:#fff0f0;padding:14px 30px;font-size:13px;color:#a23540;border-bottom:1px solid #f3d8d8;overflow-wrap:anywhere}.back{padding-left:0;margin-bottom:18px}.detail-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.detail-heading h1{font-size:30px;overflow-wrap:anywhere}.detail-meta{font-size:12px;color:var(--muted)}.action-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:22px 0}.action-row a{font-size:12px}.summary{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin:23px 0}.summary p{font-size:13px;margin-bottom:0}.hooks{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0 27px}.hook{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;text-align:left;min-width:0;overflow-wrap:anywhere}.hook.selected{border:1.5px solid #dc6970;background:#fff8f8}.hook small{color:#959ca7;font-size:10px;text-transform:uppercase;letter-spacing:1px}.hook strong{display:block;font-size:15px;line-height:1.45;margin:11px 0}.hook p{color:#777f89;font-size:11px;line-height:1.5;margin:0}.scene{display:grid;grid-template-columns:150px 1fr;gap:18px;background:white;border:1px solid var(--line);border-radius:14px;padding:17px;margin:13px 0}.scene-thumb{width:150px;height:116px;object-fit:contain;background:#f2f3f5;border-radius:8px}.scene-visual small{display:block;font-size:10px;color:var(--muted);margin:8px 0}.scene-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.scene-top h3{margin:0;font-size:14px}.scene p{font-size:11px;margin:7px 0;color:#7c8290}.scene .fields{margin:8px 0}.scene label{margin:0;font-size:10px}.scene input,.scene select{padding:8px;font-size:12px;margin:5px 0 0}.scene-title-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline-total{font-size:13px;color:var(--muted);font-weight:500}.error{color:#b63044;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(at 70% 20%,#fff1ef,transparent 48%),#f7f8fa}.login-card{background:white;border:1px solid var(--line);border-radius:23px;max-width:440px;width:100%;padding:39px;box-shadow:0 15px 60px #27364b08}.login-card .brand-mark{margin-bottom:25px}.login-card h1{font-size:30px}.login-card .muted{font-size:13px}.login-card label{margin-top:25px}.login-card small{display:block;font-size:11px;color:#9297a0;text-align:center;line-height:1.7;margin-top:17px}.login-card button span{float:right}label{display:block;font-size:12px;font-weight:550;color:#525967;margin:15px 0}input,textarea,select{display:block;max-width:100%;min-width:0;width:100%;border:1px solid #dfe2e7;padding:11px 12px;border-radius:8px;background:#fff;color:#282c34;font-size:13px;outline:none;margin-top:8px}input:focus,textarea:focus,select:focus{border-color:#d7787c;box-shadow:0 0 0 3px #d7787c10}textarea{resize:vertical;line-height:1.55}dialog{padding:0;border:1px solid var(--line);border-radius:19px;max-width:720px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 25px 90px #0f172a24}dialog::backdrop{background:#1c263b68;backdrop-filter:blur(3px)}dialog form{display:flex;flex-direction:column;max-height:90dvh}.dialog-header{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.dialog-header h2{margin-top:5px}.dialog-body{padding:6px 27px 23px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.dialog-footer{padding:17px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:#fafbfc;flex-shrink:0}.close{background:#f2f3f5;color:#747b87;border-radius:50%;width:31px;height:31px;font-size:22px;flex-shrink:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields.three{grid-template-columns:repeat(3,1fr)}.asset-row{border:1px solid var(--line);padding:13px;border-radius:11px;margin:10px 0;background:#fafbfc}.asset-row .fields{grid-template-columns:1fr 110px 30px;align-items:end}.asset-row label{margin:0}.asset-row>input{font-size:12px;margin:10px 0 0}.asset-row .remove{height:38px;background:none;color:#b64146;font-size:20px}.check{display:flex;align-items:start;gap:10px;line-height:1.6;font-weight:400}.check input{width:17px;min-width:17px;margin:3px 0;accent-color:var(--red)}body.dialog-open{overflow:hidden}.history{font-size:11px;line-height:2;color:#868c96}.history li{overflow-wrap:anywhere}.link{color:var(--red);font-size:12px;overflow-wrap:anywhere}
@media(min-width:1400px){.view{max-width:1400px;margin:auto}.project-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.sidebar{width:184px;padding:25px 12px}main{margin-left:184px}.view{padding:30px 27px}.topbar{padding:0 27px}.workflow{padding:15px;gap:8px}.workflow>div{gap:7px}.workflow small{font-size:9px}.workflow b{padding:7px}.workflow i{display:none}.hooks{grid-template-columns:1fr}.hook strong{margin:5px 0}.hook p{margin-top:3px}.page-heading{align-items:start}h1{font-size:32px}.heading-actions{flex-shrink:0}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;padding:16px 18px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:25px;gap:10px;padding:0}.brand-mark{width:35px;height:35px;border-radius:11px;font-size:25px}.brand small{font-size:7px}.sidebar nav{display:flex;gap:4px;margin-top:18px}.nav-item{font-size:11px;gap:5px;padding:10px 9px;border-radius:8px 8px 0 0}.nav-caption,.sidebar-note{display:none}.logout{position:absolute;right:10px;top:10px;font-size:10px!important;margin:0}.topbar{display:none}main{margin-left:0}.view{padding:27px 18px}.page-heading{display:block;margin-bottom:22px}h1{font-size:30px;letter-spacing:-1px}.page-heading .muted{font-size:12px}.heading-actions{flex-direction:row;gap:8px;margin-top:22px}.heading-actions button{font-size:11px;padding:10px 12px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-bottom:24px;padding:18px}.workflow b{padding:9px;font-size:11px}.workflow span{font-size:11px}.workflow small{font-size:9px;margin-top:4px}.workflow>div{gap:10px}.list-bar{display:block}.list-bar h2{font-size:19px}.list-bar input{margin:15px 0 0;width:100%}.project-grid{grid-template-columns:1fr}.card{padding:19px}.card h3{font-size:17px}.summary{grid-template-columns:1fr}.summary .card{padding:17px}.detail-heading{display:block}.detail-heading h1{font-size:27px}.scene{grid-template-columns:86px 1fr;gap:11px;padding:13px}.scene-thumb{width:86px;height:94px}.scene .fields{grid-template-columns:repeat(3,1fr);gap:6px}.scene .scene-title-row{grid-template-columns:1fr}.scene input,.scene select{font-size:12px;padding:7px 5px}.scene p{font-size:10px}.scene-visual small{font-size:9px;overflow-wrap:anywhere}.scene-top h3{font-size:13px}.hooks{gap:9px}.action-row{gap:7px}.action-row button{font-size:11px;padding:10px 12px}.action-row a{font-size:11px}footer{padding:10px 18px 25px;font-size:9px}dialog{width:calc(100% - 16px);border-radius:14px;max-height:94dvh}dialog form{max-height:94dvh}.dialog-header{padding:18px}.dialog-header .eyebrow{font-size:8px}.dialog-header h2{font-size:21px}.dialog-body{padding:3px 18px 18px}.dialog-footer{padding:13px 18px}.fields{gap:9px}.fields.three{grid-template-columns:repeat(3,1fr)}label{font-size:11px}input,textarea,select{font-size:16px;padding:10px 9px}.asset-row{padding:10px}.asset-row .fields{grid-template-columns:1fr 91px 23px;gap:7px}.asset-row input,.asset-row select{font-size:13px}.login-card{padding:28px}.banner{font-size:11px;padding:13px}.notice{font-size:12px;padding:12px 18px}}