:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#17213b;background:#f3f5f9;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:#111a31;color:#eef2ff;padding:30px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:1.12rem;font-weight:700;letter-spacing:.02em;padding:0 12px 62px}.brand small{display:block;color:#8898c1;font-size:.62rem;letter-spacing:.2em;margin-top:5px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#6376f6;color:white;font-size:1.6rem}.nav-label{font-size:.75rem;letter-spacing:.1em;color:#69799f;margin:0 12px 14px}.tool-nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;border-radius:11px;color:#aebbd9;padding:14px 13px;font-size:.91rem;font-weight:600}.nav-item:hover{background:#202d4d;color:white}.nav-item.active{background:#273863;color:white;box-shadow:inset 3px 0 #7c8bff}.nav-icon{font-size:1.25rem;width:20px;line-height:1}.nav-key{margin-left:auto;color:#6d7b9e;font-size:.72rem}.sidebar-foot{margin-top:auto;padding:20px 16px;border:1px solid #2e3a5a;border-radius:14px;background:#1b2743;color:#b7c2de}.sidebar-foot .lock{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#2e426b;margin-right:7px;color:#9eacff}.sidebar-foot strong{font-size:.88rem}.sidebar-foot p{font-size:.76rem;line-height:1.7;color:#8798bf;margin:8px 0 0}.workspace{min-width:0}.topbar{height:71px;border-bottom:1px solid #e2e7f0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,74px);background:#fff;color:#8994aa;font-size:.8rem}.topbar strong{color:#37435e}.top-privacy{color:#3c9e80;font-weight:600}.content{max-width:1110px;margin:auto;padding:51px clamp(22px,5vw,74px) 56px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:.7rem;letter-spacing:.2em;color:#6677d9;font-weight:700;margin-bottom:8px}.page-heading h1{font-size:clamp(1.9rem,3vw,2.45rem);letter-spacing:-.05em;line-height:1.22;margin:0}.page-heading p{color:#7b879c;margin:10px 0 0;font-size:.92rem}.stage-badge{border:1px solid #e1e6f2;color:#99a3b7;border-radius:999px;padding:8px 12px;font-size:.73rem;white-space:nowrap;font-weight:700}.work-card{background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:26px;margin-bottom:17px;box-shadow:0 8px 32px #19284608}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.step{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf0ff;color:#6073e8;font-size:.85rem;font-weight:700}.card-heading h2{font-size:1.05rem;letter-spacing:-.02em;margin:0}.card-heading p{font-size:.76rem;color:#9aa5b8;margin:3px 0 0}.file-count{margin-left:auto;background:#f4f6fa;border:1px solid #e7ebf2;border-radius:7px;color:#78849a;padding:6px 10px;font-size:.75rem}.drop-zone{border:1.5px dashed #bfc9df;border-radius:14px;background:#f9faff;min-height:258px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;outline:none;transition:.2s}.drop-zone:hover,.drop-zone.drag,.drop-zone:focus-visible{border-color:#7183f4;background:#f1f3ff}.drop-graphic{display:grid;place-items:center;background:#e8edff;border:1px solid #dce3ff;color:#6579ed;width:67px;height:67px;border-radius:19px;margin-bottom:17px;box-shadow:0 8px 15px #6d7ff31a}.drop-graphic span{font-size:2.3rem;line-height:1}.drop-zone strong{font-size:.95rem}.drop-zone>span{color:#9da7b8;font-size:.8rem;margin-top:7px}.drop-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap;justify-content:center}.button{border-radius:9px;border:1px solid transparent;padding:10px 16px;font-size:.82rem;font-weight:700;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:39px}.button-dark{background:#17213b;color:white}.button-outline{background:#fff;border-color:#d8dfea;color:#43506b}.button-primary{background:#586ef1;color:white;padding:13px 20px;min-width:146px;font-size:.9rem;box-shadow:0 8px 15px #6478f038}.button-primary:hover:not(:disabled){background:#435be7}.button:disabled{opacity:.47;cursor:not-allowed;box-shadow:none}.file-list{display:grid;gap:8px;margin-top:17px}.file-item{display:flex;align-items:center;gap:12px;background:#fbfcfe;border:1px solid #e8ecf3;border-radius:10px;padding:9px 12px;min-width:0}.file-thumb{width:42px;height:48px;object-fit:cover;background:#e7ebf4;border-radius:5px;flex:none}.file-visual{width:42px;height:48px;border-radius:5px;flex:none;background:#edf0fc;color:#6171bb;display:grid;place-items:center;font-size:1.3rem}.file-details{min-width:0;flex:1}.file-details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.file-details span{display:block;color:#9ba5b6;font-size:.71rem;margin-top:3px}.file-controls{display:flex;gap:2px}.icon-button{border:0;background:transparent;color:#8793a7;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;font-size:1.1rem}.icon-button:hover{color:#17213b;background:#edf0f6}.options-card{padding-bottom:25px}.options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:8px;font-size:.78rem;color:#58657b;font-weight:600}.field select,.field input{height:40px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;color:#1d2944;padding:0 11px;min-width:0}.field input[type=checkbox]{width:19px;height:19px;min-width:19px}.checkbox-field{flex-direction:row;align-items:center;gap:10px;padding-top:18px}.action-bar{background:#e9edff;border:1px solid #dce3fc;border-radius:13px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px}.action-bar strong{display:block;font-size:.86rem}.action-bar span{display:block;color:#71809f;font-size:.76rem;margin-top:4px}.action-bar .button span{color:inherit;margin:0;font-size:1rem}.footer-note{color:#a4adbd;font-size:.73rem;text-align:center;margin:22px 0}.camera-dialog{border:0;border-radius:18px;padding:24px;background:#fff;color:#17213b;width:min(94vw,600px);box-shadow:0 28px 80px #0b133974}.camera-dialog::backdrop{background:#0b1439ab}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0 0 16px}.camera-dialog video{width:100%;background:#111;border-radius:10px;aspect-ratio:4/3;object-fit:cover}.camera-dialog p{font-size:.8rem;color:#7e8aa0}.camera-actions{display:flex;justify-content:space-between;gap:10px}.hidden{display:none!important}
@media(max-width:800px){.shell{display:block}.sidebar{min-height:auto;padding:14px 16px 0}.brand{padding:0 3px 16px}.nav-label,.sidebar-foot,.nav-key{display:none}.tool-nav{display:flex;overflow-x:auto;gap:5px;margin:0 -16px;padding:0 14px 10px}.nav-item{width:auto;white-space:nowrap;padding:10px;font-size:.8rem}.nav-item.active{box-shadow:inset 0 -3px #7c8bff}.nav-icon{font-size:1rem}.topbar{height:52px;padding:0 21px}.content{padding:28px 20px 40px}.page-heading{margin-bottom:22px}.work-card{padding:18px}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.options-grid{grid-template-columns:1fr}.page-heading p{line-height:1.5}.stage-badge{display:none}.top-privacy{font-size:.65rem}.drop-zone{min-height:235px}.action-bar{align-items:stretch;flex-direction:column}.action-bar .button{width:100%}.file-controls{gap:0}.icon-button{width:28px}}
.file-count{white-space:nowrap;flex:none}