:root{color-scheme:dark;--bg:#08121b;--surface:#101d29;--surface-2:#162735;--surface-3:#1a3144;--line:#263b4c;--blue:#00acfa;--ice:#f4fbff;--muted:#91aabc;--gold:#d6b16a;--red:#c84f67;--radius:14px;font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;font-synthesis:none}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ice);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:inherit;text-decoration:none}p{margin:0;line-height:1.55}h1,h2,h3,h4{margin:0;letter-spacing:-.025em}h1{font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:750}h2{font-size:1.14rem}h3{font-size:1rem}.muted{color:var(--muted)}.small{font-size:.83rem}.text-blue{color:var(--blue)}.eyebrow{font-size:.7rem;font-weight:760;letter-spacing:.14em;color:#7d9bb1}.eyebrow.cyan{color:var(--blue)}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:253px;flex-shrink:0;background:#0b1722;border-right:1px solid #213444;padding:23px 16px 17px;display:flex;flex-direction:column;z-index:25}.wordmark{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-square{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--blue);color:#001521;font-size:1.1rem;font-weight:900;letter-spacing:-.09em}.brand-square span{font-size:.85em}.wordmark-title{font-size:.96rem;letter-spacing:.07em;font-weight:700}.wordmark-title b{color:var(--blue)}.wordmark-caption{font-size:.58rem;letter-spacing:.16em;color:#819db2;margin-top:4px;font-weight:750}.sidebar-divider{height:1px;background:#253747;margin:23px 9px 19px}.nav-heading{font-size:.64rem;font-weight:750;letter-spacing:.16em;color:#6f8b9f;margin:12px 14px}.nav-link{display:flex;align-items:center;gap:13px;width:100%;padding:12px 13px;border:0;background:transparent;color:#a2b9c9;text-align:left;border-radius:10px;font-weight:550;margin:1px 0;position:relative}.nav-link:hover,.nav-link.selected{color:var(--ice);background:#173247}.nav-link.selected{box-shadow:inset 3px 0 var(--blue)}.nav-link.selected svg{color:var(--blue)}.nav-dot{height:5px;width:5px;border-radius:50%;margin-left:auto;background:var(--blue)}.sidebar-spacer{flex:1}.privacy-note{border:1px solid #244156;border-radius:12px;padding:12px;display:flex;gap:9px;color:var(--blue);font-size:.66rem;letter-spacing:.08em;font-weight:800}.privacy-note div span{display:block;color:#9fb2bf;font-weight:400;letter-spacing:0;font-size:.73rem;margin-top:6px}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:16px 5px 0}.sidebar-bottom strong{font-size:.82rem}.sidebar-bottom small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.avatar{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;background:#184c65;color:var(--blue);font-weight:800}.workspace{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid #1e3240;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3vw,45px);background:#08131de6}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar-left strong{font-size:.84rem}.breadcrumb{color:#809bb0;font-size:.68rem;letter-spacing:.13em;font-weight:700}.crumb-separator{color:#435b6d}.secure-pill{font-size:.66rem;letter-spacing:.11em;color:#a3d4be;border:1px solid #2c5849;padding:8px 11px;border-radius:100px;font-weight:650}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#4bd6a3}.topbar-help,.icon-button{border:0;background:transparent;color:#a6bac8;padding:6px;display:inline-grid;place-items:center}.topbar-help:hover,.icon-button:hover{color:var(--blue)}.page-content{max-width:1640px;margin:auto;padding:clamp(20px,3vw,42px)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-header h1{margin:7px 0}.page-header p{color:var(--muted);max-width:740px}.btn{border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;font-weight:680;font-size:.89rem;background:var(--surface-2);color:var(--ice);white-space:nowrap}.btn.primary{background:var(--blue);color:#021824;border-color:var(--blue)}.btn.primary:hover{background:#44c2ff}.btn.secondary:hover{border-color:#45728f;background:#234054}.small-btn{padding:7px 10px;font-size:.75rem}.text-button{background:transparent;border:0;color:#6bd2ff;display:inline-flex;align-items:center;gap:6px;padding:4px 6px;font-size:.85rem}.text-button:hover{text-decoration:underline}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#11202e,#101b26);padding:21px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.panel-heading h2{font-size:1.02rem}.tiny-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;background:#1b394d;border:1px solid #31566b;font-size:.62rem;font-weight:800;letter-spacing:.04em;color:#b2dcf1;text-transform:uppercase}.state-off{font-size:.66rem;font-weight:800;letter-spacing:.08em;padding:6px 9px;border-radius:7px;border:1px solid #665441;color:#f2c791;background:#332b25;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-card{padding:18px 21px;border:1px solid var(--line);border-radius:var(--radius);background:#11202c;min-height:166px}.metric-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:9px;margin-bottom:12px}.metric-icon.blue{background:#173e53;color:#2dbffd}.metric-icon.violet{background:#322a47;color:#bd9ce5}.metric-icon.gold{background:#3b3324;color:#e3bc6e}.metric-icon.red{background:#3c2530;color:#e78091}.metric-label{display:block;color:#8aa5b8;font-size:.67rem;font-weight:800;letter-spacing:.1em}.metric-value{font-size:2rem;font-weight:760;margin:6px 0 1px}.metric-sub{font-size:.74rem;color:var(--muted)}.dashboard-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-bottom:18px}.hero-panel{position:relative;overflow:hidden;min-height:305px;padding:30px;background:linear-gradient(135deg,#123147,#082132 65%,#0c263b);border-color:#295472}.hero-glow{position:absolute;width:360px;height:360px;right:-90px;top:-120px;background:radial-gradient(circle,rgba(0,172,250,.19),transparent 64%);pointer-events:none}.hero-panel h2{font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.22;margin:12px 0}.hero-panel p{color:#b1c6d3;max-width:450px}.hero-steps{display:flex;align-items:center;gap:13px;margin-top:27px;flex-wrap:wrap;color:#7295ad}.hero-steps button{display:flex;gap:8px;align-items:center;border:1px solid #386683;padding:10px;border-radius:8px;color:#d8edf9;background:#16374e}.hero-steps button:hover{background:#22506d}.task-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #263c4a;padding:13px 0}.task-item:last-child{border:0}.task-icon{color:#8fcaf0;background:#19364c;padding:9px;border-radius:10px}.task-item>div:nth-child(2){flex:1}.task-item strong{font-size:.83rem}.task-item p{color:var(--muted);font-size:.74rem;margin-top:5px}.two-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-row{display:flex;align-items:flex-start;gap:15px}.feature-row>div:last-child{flex:1}.feature-row strong{font-size:.92rem}.feature-row p{font-size:.8rem;color:var(--muted);margin-top:7px}.ring-icon{border:1px solid #2c6380;border-radius:12px;padding:14px;color:var(--blue);background:#19364b;flex-shrink:0}.library-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:9px;flex:1;border:1px solid #2c465a;border-radius:10px;background:var(--surface);padding:3px 11px;min-width:0;color:#95acc0}.search-field input{border:0;outline:none;background:transparent;color:var(--ice);width:100%;min-width:80px;padding:10px 0}.segmented{display:flex;background:#112434;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;padding:10px 12px;color:#9bb6c9;border-radius:7px}.segmented button.active{background:#22506b;color:var(--ice)}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.media-tile{background:#10202c;border:1px solid var(--line);padding:0;text-align:left;color:var(--ice);border-radius:12px;overflow:hidden}.media-tile:hover{border-color:var(--blue);transform:translateY(-1px)}.media-preview{height:175px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#254760,#081e32);color:#6bbce5}.media-preview img{width:100%;height:100%;object-fit:cover}.media-type{position:absolute;bottom:9px;left:10px;border-radius:5px;background:#061a28d9;color:#d9edf8;font-size:.62rem;letter-spacing:.08em;padding:5px 7px}.media-meta{padding:12px}.media-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;font-size:.82rem}.media-meta>span{font-size:.7rem;color:var(--muted)}.status-attention{color:var(--gold)}.pagination{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:22px}.empty-state{border:1px dashed #315269;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:60px 20px;background:#10202b;color:#85b2c9}.empty-state h2{color:var(--ice)}.empty-state p{max-width:400px;color:var(--muted)}.empty-state.compact{padding:28px;min-height:140px}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#020a11c7;padding:16px}.modal{background:#112332;border:1px solid #31516a;border-radius:16px;width:min(100%,550px);max-height:92vh;overflow:auto;padding:24px;box-shadow:0 30px 120px #000a}.modal.inspector{max-width:630px}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.drop-target{border:2px dashed #37749b;border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#dff1ff;background:#102a3d;position:relative}.drop-target strong{font-size:1rem}.drop-target span{font-size:.77rem;color:#9dbdd1}.drop-target input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.modal .muted.small{margin-top:13px}.inspector-preview{height:210px;background:linear-gradient(145deg,#1b405b,#0e1d2c);border-radius:9px;display:grid;place-items:center;color:#719eba;overflow:hidden}.inspector-preview img{width:100%;height:100%;object-fit:contain}.filename{word-break:break-word;margin:9px 0 2px}.asset-id{font-size:.62rem;color:#6086a0;margin-top:12px;letter-spacing:.06em}label{display:block;font-weight:670;font-size:.79rem;margin:14px 0 7px;color:#c4d6e2}label input,label select,label textarea,input:not([type=checkbox]):not([type=file]),select,textarea{display:block;width:100%;border:1px solid #335067;background:#081722;border-radius:9px;color:var(--ice);padding:11px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.alert{padding:12px 15px;border-radius:9px;margin:0 0 17px;font-size:.86rem}.alert.danger{background:#482631;border:1px solid #a34f69;color:#ffd4de}.alert.success{background:#153b33;border:1px solid #397e6a;color:#a5e9cf}.upload-status{margin-bottom:18px}.upload-item{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:.76rem;margin:10px 0}.upload-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{grid-column:span 2;border-radius:20px;background:#203e53;height:5px}.progress-track>div{height:100%;background:var(--blue);border-radius:20px}.planner-intro{margin-bottom:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 15px}.plan-list{display:grid;gap:10px}.plan-row{display:grid;grid-template-columns:155px 1fr auto;gap:17px;align-items:center;padding:17px 19px}.plan-date{display:flex;gap:8px;align-items:center;color:#8cb6d0;font-size:.75rem}.plan-main{min-width:0}.plan-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-main p{color:var(--muted);font-size:.79rem;margin:6px 0}.plan-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-chip{border-radius:5px;background:#283a44;font-size:.69rem;color:#b9cbd3;padding:4px 7px}.help-note{display:flex;gap:10px;align-items:flex-start;color:#a1b8c8;border:1px solid #2a4455;background:#10222e;border-radius:9px;margin-top:20px;padding:13px 16px;font-size:.78rem}.help-note svg{color:var(--blue);flex-shrink:0}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.look-card{overflow:hidden;text-align:left;border-radius:12px;border:1px solid var(--line);background:#122431;color:var(--ice);padding:0}.look-card:hover{border-color:var(--blue);transform:translateY(-2px)}.look-art{height:135px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 72% 35%,#195a85,#0a2439 66%)}.look-art.look-1,.look-art.look-5{background:radial-gradient(circle at 28% 45%,#3b4858,#1b3140 66%)}.look-art.look-2,.look-art.look-4{background:radial-gradient(circle at 65% 25%,#18395e,#15132a 68%)}.look-art.look-3,.look-art.look-6{background:radial-gradient(circle at 25% 75%,#2b5470,#111c30 70%)}.look-ring{border:1px solid #63bce777;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:#8dd5ff;background:#17476644}.look-art>span{position:absolute;bottom:9px;left:12px;color:#9ecbe1;font-size:.62rem;letter-spacing:.1em}.look-description{padding:15px}.look-description h3{margin:8px 0 7px}.look-description p{color:#9cb5c6;font-size:.79rem;min-height:60px}.look-open{display:inline-block;color:var(--blue);font-size:.8rem;margin-top:9px;font-weight:700}.brief-list{display:grid;gap:8px}.brief-row{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#112431;border-radius:10px;padding:14px;text-align:left;color:var(--ice)}.brief-row>div{flex:1}.brief-row strong{display:block}.brief-row div span{font-size:.73rem;color:var(--muted);display:block;margin-top:5px}.shoot-screen{display:grid;gap:18px}.shoot-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.shoot-header h2{font-size:1.65rem;margin:9px 0 6px}.shoot-header p{color:var(--muted)}.shot-timer{border-radius:13px;background:#123249;border:1px solid #316082;padding:10px 21px;display:flex;align-items:center;gap:20px}.shot-timer span{font-size:1.65rem;font-weight:760;font-variant-numeric:tabular-nums}.setup-item{border-top:1px solid #294153;padding:13px 0}.setup-item span{text-transform:uppercase;letter-spacing:.09em;font-size:.67rem;color:var(--blue);font-weight:800}.setup-item p{font-size:.84rem;color:#c0d1dd;margin-top:6px}.shot-step{display:flex;align-items:flex-start;gap:10px;background:transparent;border:0;border-bottom:1px solid #294153;padding:14px 0;color:var(--ice);width:100%;text-align:left}.shot-step p{font-size:.81rem;color:var(--muted);margin-top:6px}.shot-step svg{flex-shrink:0}.privacy-checks{margin-top:18px;color:#a6bbc9;font-size:.81rem}.privacy-checks>div{margin:7px 0}.privacy-checks h4{color:var(--ice);margin-bottom:8px}.account-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #2b4151;gap:14px}.account-row:last-child{border:0}.account-row strong{text-transform:capitalize}.account-row p{color:var(--muted);margin-top:5px;font-size:.76rem}.compact-form{background:#0d202d;padding:12px;border-radius:9px;margin-bottom:13px;border:1px solid #25465a}.settings-divider{height:1px;background:#284254;margin:20px 0}.settings-value{color:#8ed9f6;display:flex;align-items:center;gap:9px;margin-top:18px;font-size:.84rem}.bottom-nav,.mobile-menu,.overlay{display:none}.auth-body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 70% 20%,#173a54,var(--bg) 45%)}.auth-card{width:min(100%,430px);border:1px solid #32536a;border-radius:20px;padding:40px 34px;background:#112331;box-shadow:0 25px 90px #0005}.auth-card .brand-mark{font-weight:900;font-size:1.6rem;color:var(--blue);margin-bottom:25px}.auth-card .brand-mark span{color:var(--ice)}.auth-card h1{margin:11px 0}.auth-card>p{color:var(--muted);margin:14px 0 25px}.auth-card .btn{margin-top:17px}.auth-card input{margin-top:8px}.auth-card .error{color:#ff9cab}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.sidebar{width:220px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.task-panel{min-height:0}}@media(max-width:820px){.sidebar{position:fixed;left:0;transform:translate(-100%);width:270px;transition:transform .18s}.sidebar.open{transform:translate(0)}.overlay{display:block;position:fixed;inset:0;background:#0009;z-index:20}.mobile-menu{display:inline-grid}.topbar{height:60px;padding:0 18px}.page-content{padding:22px 17px 94px}.secure-pill{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-panels{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-header{align-items:flex-start}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{position:fixed;display:flex;justify-content:space-around;bottom:0;left:0;right:0;z-index:18;background:#0c1e2bef;border-top:1px solid #2a465b;padding:8px 5px max(9px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;color:#89a5b7;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.64rem;min-width:55px}.bottom-nav button.selected{color:var(--blue)}}@media(max-width:560px){.page-header{flex-direction:column;gap:16px}.page-header .btn{width:100%}.topbar-left{gap:7px}.breadcrumb,.crumb-separator{display:none}.metrics-grid{gap:9px}.metric-card{padding:13px;min-height:140px}.metric-value{font-size:1.7rem}.hero-panel{padding:20px}.hero-steps{gap:6px}.hero-steps button{padding:8px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-preview{height:142px}.library-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.look-grid{grid-template-columns:1fr}.look-art{height:115px}.look-description p{min-height:auto}.form-grid,.plan-row{grid-template-columns:1fr}.plan-date{margin:0}.plan-actions{justify-content:flex-start}.modal{padding:18px}.shoot-header{flex-direction:column;align-items:flex-start}.shot-timer{width:100%;justify-content:space-between}.brand-square{width:42px;height:42px}.task-item{padding:11px 0}.topbar-help{display:none}}.tab-row{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:16px 0 19px;padding-bottom:10px}.tab-row button{border:1px solid var(--line);background:#112431;color:#b1c6d3;border-radius:8px;padding:10px 14px;font-weight:700}.tab-row button.active{border-color:var(--blue);background:#173e53;color:#eaf9ff}.filter-row{display:flex;gap:15px;align-items:end;margin:16px 0;flex-wrap:wrap}.filter-row label{margin:0}.ai-output{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;background:#091824;color:#e0f4ff;border:1px solid #31516a;padding:18px;border-radius:12px;font-family:inherit;font-size:.92rem}.account-row .form-actions{margin-top:0;min-width:0}@media(max-width:560px){.tab-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:13px}.tab-row button{white-space:nowrap;font-size:.76rem;padding:9px}.account-row{align-items:flex-start;flex-wrap:wrap}}.teleprompter{white-space:pre-wrap;line-height:1.55;text-align:center;background:#030e17;border:1px solid #31566b;border-radius:16px;padding:28px 22px;max-height:340px;overflow-y:auto;scroll-behavior:smooth;color:#f4fbff;margin:12px 0 6px;font-weight:650}.panel textarea,.panel input,.panel select{max-width:100%}@media(max-width:560px){.teleprompter{padding:35px 16px;max-height:52vh}.page-content{padding-bottom:104px}}
