@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#111314;--panel:#191c1e;--field:#222628;--line:#303537;--text:#f3f1eb;--muted:#939b9c;--accent:#dcf49c;--accent-dark:#24301c;--danger:#ffb1a7;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,Arial,sans-serif;font-size:14px}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;margin:0;font-weight:600}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.18}h2{font-size:30px;letter-spacing:-1px;line-height:1.25}h3{font-size:16px}p{line-height:1.65;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.button,button{border:1px solid var(--line);background:#24292b;color:var(--text);border-radius:7px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;white-space:nowrap}.button:hover,button:hover{background:#303637;border-color:#59615d}button:disabled{opacity:.45;cursor:not-allowed}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#1b2416;font-weight:700}.button.primary:hover,button.primary:hover{background:#ecffba}input,select,textarea{width:100%;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #dcf49c13}textarea{resize:vertical;line-height:1.65}label{display:flex;flex-direction:column;gap:8px;color:#bdc3c2;font-size:12px;margin:12px 0}select{text-transform:none;appearance:auto}input[type=checkbox]{width:auto;accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}summary{cursor:pointer;color:var(--text);font-size:13px}summary::marker{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:#151819;border-right:1px solid var(--line);padding:30px 17px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:11px;align-items:center;padding:0 7px 48px;color:var(--accent)}.brand span{font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:1px;color:var(--text)}.brand small{display:block;font-size:7px;letter-spacing:1.6px;color:var(--muted);margin-top:6px}.eyebrow,.nav-label{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.nav-label{padding:0 12px;margin-bottom:12px}.nav-link{display:flex;gap:12px;align-items:center;border-radius:6px;padding:13px 12px;color:#a9b0af;margin:3px 0;font-size:13px}.nav-link.active{color:var(--accent);background:#273023}.nav-link:hover{background:#222829}.sidebar-bottom{margin-top:auto}.release{border-top:1px solid var(--line);padding:22px 9px;display:flex;gap:10px;color:#bcc4c0;font-size:11px}.release small{display:block;color:#747f79;margin-top:6px;font-size:10px}.main-shell{margin-left:216px;min-width:0;flex:1 1}.page{max-width:1400px;margin:auto;padding:52px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:36px}.page-heading h1{margin-top:14px}.page-heading p{font-size:15px}.pill{display:inline-flex;border:1px solid #3c453a;border-radius:30px;padding:7px 11px;color:#bec8b7;font-size:10px;white-space:nowrap}.panel{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:10px}.panel h3{margin-top:15px}.panel p{font-size:13px}.setup-hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px;min-height:390px}.setup-copy{padding:48px 40px}.setup-copy h2{margin-top:16px}.setup-copy .button{margin:13px 0}.frame-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 45%,#a1ae88 0,#56665b 35%,#2c3c37 60%,#182321 85%);min-height:320px;display:flex;align-items:end;padding:28px}.frame-art:before{content:"";position:absolute;inset:55% -20% -80%;border-radius:50%;background:linear-gradient(130deg,#777862,#24392f);transform:rotate(-15deg);box-shadow:0 -10px 60px #152b2644}.frame-art:after{content:"";position:absolute;inset:30px;border:1px solid #d0e5bb50;border-radius:90px 90px 4px 4px}.frame-art span{position:relative;z-index:1;font-size:9px;letter-spacing:2px;color:#dce4ce}.frame-orbit{position:absolute;width:160px;height:160px;border:1px solid #dce1bc88;border-radius:50%;top:20%;left:27%;box-shadow:0 0 100px #dff1b42a,inset 0 0 70px #dff1b411}.frame-art i{position:absolute;height:125px;width:2px;background:#dce5b2;top:40%;left:48%;transform:rotate(21deg)}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.setup-grid svg{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:11px}.notice{padding:12px 20px;background:#253023;border:1px solid #3a4b32;color:#c9e0b5;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.6}.notice a{text-decoration:underline}.notice button{padding:3px;border:none;background:transparent}.notice.error{background:#352421;border-color:#634039;color:var(--danger)}.error-text{color:var(--danger)!important}.workspace-select{margin:0;min-width:200px;font-size:11px}.inline-form{display:flex;gap:10px}.inline-form input{min-width:150px}.project-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.project-toolbar details .inline-form{margin-top:15px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}.project-art{height:190px;justify-content:center;position:relative;background:radial-gradient(ellipse at top left,#566d55,#202e29);color:#b7c6a5}.project-art,.project-art span{display:flex;align-items:center}.project-art span{position:absolute;bottom:17px;left:18px;right:18px;justify-content:space-between;font-size:9px;letter-spacing:1.4px}.tone-1{background:radial-gradient(ellipse at top left,#816b5a,#302a25);color:#c4b4a1}.tone-2{background:radial-gradient(ellipse at top left,#536c7a,#232b36);color:#b3c4cd}.project-info{padding:18px;display:flex;justify-content:space-between;gap:8px}.project-info p{font-size:11px;margin-bottom:0}.icon-button{padding:7px;background:transparent;border-color:transparent;height:34px}.empty-state{padding:70px 20px;text-align:center;color:var(--muted)}.empty-state h2{color:var(--text);margin-top:20px;font-size:24px}.empty-state p{font-size:13px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px}.auth-panel{max-width:460px;width:100%;padding:36px}.auth-panel h1{font-size:32px;margin-top:20px}.auth-panel form{margin:25px 0}.auth-panel form button{width:100%;margin-top:12px}.auth-panel>a{display:block;font-size:12px;margin-top:25px;color:var(--muted)}.text-button{background:transparent;border-color:transparent;font-size:12px;padding:6px;color:#b6bfba}.studio-header{height:93px;padding:20px 28px;justify-content:space-between;border-bottom:1px solid var(--line)}.studio-header,.studio-title{display:flex;align-items:center}.studio-title{gap:20px}.studio-title input{background:transparent;border:none;padding:5px 0;font-family:Manrope,sans-serif;font-size:20px;width:300px}.studio-title .eyebrow{display:block}.header-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.header-meta .pill{margin-left:15px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.demo-banner{padding:10px 26px;background:#20291f;font-size:11px;color:#b6c5a6;display:flex;gap:16px;justify-content:space-between;line-height:1.6}.demo-banner a{display:flex;gap:6px;align-items:center;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:300px minmax(350px,1fr) 232px;min-height:calc(100vh - 93px)}.controls{background:#181c1d;border-right:1px solid var(--line);padding:23px 20px;display:flex;flex-direction:column}.segmented{display:flex;background:#111516;border:1px solid #2b3131;border-radius:7px;padding:4px;gap:4px}.segmented button{border:0;background:transparent;padding:10px;flex:1 1;font-size:12px;color:#858e8c}.segmented button.selected{background:#353d37;color:var(--accent);box-shadow:0 1px 4px #0004}.segmented.compact button{font-size:11px;padding:8px 2px;text-transform:capitalize}.quality-field{color:#bdc3c2;font-size:12px;margin:12px 0}.quality-field>span{display:block;margin-bottom:8px}.control-section{padding:20px 0;border-bottom:1px solid var(--line)}.label-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#e0e5de;font-size:12px;margin:0 0 13px}.control-section summary>span,.label-heading span{color:#5d6860;font-size:10px;margin-left:auto}.input-footnote{display:flex;justify-content:space-between;font-size:9px;color:#77817c;margin-top:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label{min-width:0}.field-grid select{font-size:11px;padding:10px 7px;text-transform:capitalize}.control-section>summary{display:flex;gap:9px;align-items:center;font-size:12px}.control-section>summary:after{content:"+";margin-left:auto;color:var(--muted)}.control-section[open]>summary:after{content:"−"}.details-content{padding-top:9px}.generate-area{padding-top:23px;margin-top:auto}.generate-button{width:100%;padding:13px}.generate-button svg:last-child{margin-left:auto}.generate-area>p{font-size:9px;text-align:center;margin:12px 0}.estimate{font-size:10px;display:flex;justify-content:space-between;color:var(--muted);margin:0 0 12px}.estimate strong{color:#dce7d2;font-weight:400}.compiled{font-size:11px;padding:10px;border:1px solid var(--line);border-radius:5px}.viewer-column{display:flex;flex-direction:column;padding:0 26px;min-width:0;background:#111415}.viewer-toolbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;gap:16px;height:100%}.tabs button{border:0;border-radius:0;background:transparent;padding:0;font-size:12px;color:#86918b;border-bottom:2px solid transparent}.tabs button.current{color:#dbe3d7;border-color:var(--accent)}.tabs span{font-size:9px;background:#2b332c;padding:2px 5px;border-radius:4px}.result-viewer{min-height:420px;flex:1 1;max-height:700px;display:flex;align-items:center;justify-content:center;background:#191e1e;border:1px solid #343d38;border-radius:8px;overflow:hidden;position:relative}.result-viewer:has(.viewer-empty){background:radial-gradient(ellipse at 50% 60%,#28352d 0,#1b2420 45%,#171d1c 100%)}.viewer-empty{text-align:center;padding:46px 15px}.viewer-empty h2{font-size:39px;color:#dce6d4;margin-top:14px;font-weight:500;letter-spacing:-1.5px}.viewer-empty p{font-size:12px;color:#829182}.viewer-empty .eyebrow{font-size:8px;color:#82957d;letter-spacing:2px}.viewer-empty .pill{margin-top:18px;font-size:9px;color:#95a18e}.viewfinder{width:100px;height:82px;margin:0 auto 32px;position:relative;display:grid;place-items:center;color:#8b9d7a}.viewfinder span{width:17px;height:17px;position:absolute;border-color:#6d8164;border-style:solid}.viewfinder span:first-child{left:0;top:0;border-width:1px 0 0 1px}.viewfinder span:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.viewfinder span:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.viewfinder span:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}.result-viewer>img,.result-viewer>video{width:100%;height:100%;max-height:700px;object-fit:contain}.result-viewer.comparison{display:grid;grid-template-columns:1fr 1fr;gap:2px}.result-viewer.comparison>img,.result-viewer.comparison>video{min-width:0}.result-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}.result-actions>div{display:flex;gap:8px;flex-wrap:wrap}.result-actions .button,.result-actions button{font-size:11px;padding:8px 11px}.filmstrip{display:flex;gap:12px;overflow-x:auto;padding:20px 0;min-height:90px}.thumb{width:110px;min-width:110px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.thumb.selected{border-color:var(--accent)}.thumb>button{padding:0;width:100%;height:68px;border:0;border-radius:0}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.compare-check{font-size:9px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px}.viewer-footer{display:flex;justify-content:space-between;font-size:9px;color:#68786d;padding:15px 0 23px;margin-top:auto}.viewer-footer>span{display:flex;gap:7px;align-items:center}.history-panel{border-left:1px solid var(--line);background:#161a1b;padding:25px 18px}.history-heading{display:flex;gap:9px;align-items:center;color:#a5afa7}.history-heading h3{font-size:12px}.history-heading>span{margin-left:auto;font-size:10px}.history-empty{text-align:center;padding:95px 5px;color:#647269}.history-empty p{font-size:12px;color:#8f9d91}.history-empty small{font-size:10px;line-height:1.6;display:block;color:#5e6e62}.active-count{font-size:10px;padding:17px 0;color:var(--accent)}.active-count .status-dot{margin-right:7px}.history-item{padding:18px 0;border-bottom:1px solid var(--line)}.history-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.history-item time{font-size:8px;color:#718075}.history-item p{font-size:11px;color:#b9c3bb;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.history-item small{font-size:9px;color:#7e8e81;display:block;line-height:1.7}.state{font-size:8px;letter-spacing:.5px;color:#d5c9a0}.state-succeeded{color:var(--accent)}.state-failed,.state-submission_unknown{color:var(--danger)}.history-actions{display:flex;gap:5px;margin-top:10px}.history-actions button{padding:4px 6px;font-size:9px;background:transparent}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:20px 0}.asset-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.asset-card>button{padding:0;width:100%;height:180px;border:0;border-radius:0}.asset-card img,.asset-card video{width:100%;height:100%;object-fit:cover}.asset-card>div{padding:10px;display:flex;justify-content:space-between;align-items:center}.asset-card>div button{font-size:10px;padding:5px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.metric strong{font-size:29px;display:block;font-family:Manrope,sans-serif;margin-top:12px}.metric span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--muted);font-weight:400;font-size:10px;letter-spacing:.6px;padding:14px 12px}td,th{border-bottom:1px solid var(--line)}td{padding:16px 12px;white-space:nowrap}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-grid textarea{font-family:monospace;font-size:11px}.admin-grid h3{margin-top:0}.admin-reconcile{margin-top:25px}.admin-reconcile .inline-form{flex-wrap:wrap}.admin-reconcile input{flex:1 1}.page .notice{margin-bottom:20px}@media (min-width:1700px){.studio-grid{grid-template-columns:330px minmax(400px,1fr) 270px}.controls{padding:25px}.viewer-column{padding:0 40px}.result-viewer{max-height:850px;min-height:600px}}@media (max-width:1200px){.sidebar{width:184px;padding:25px 12px}.main-shell{margin-left:184px}.brand{gap:8px}.brand span{font-size:13px}.brand small{font-size:6px}.studio-grid{grid-template-columns:270px minmax(300px,1fr)}.history-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:flex;gap:20px;overflow:auto;align-items:flex-start}.history-heading{min-width:100px}.history-empty{padding:10px;display:flex;gap:20px;align-items:center}.history-item{min-width:200px;max-width:240px;padding:0 0 15px}.viewer-column{padding:0 20px}.page{padding:40px 30px}.setup-copy{padding:38px 28px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:950px){.sidebar{width:72px;padding:24px 9px}.main-shell{margin-left:72px}.brand{padding:0 10px 35px}.brand span,.nav-label,.nav-link:not(.active) .text,.release{display:none}.nav-link{font-size:0;padding:14px 17px;gap:0}.nav-link svg{min-width:18px}.sidebar-bottom .nav-link{justify-content:center}.sidebar-bottom .nav-link:first-of-type{display:none}.setup-hero{grid-template-columns:1fr 1fr}.setup-grid{gap:10px}.panel{padding:18px}.admin-grid{grid-template-columns:1fr}.page-heading h1{font-size:36px}.studio-header{padding:18px}.studio-title input{width:230px}.header-meta{font-size:9px}.header-meta .pill{display:none}}@media (max-width:700px){.app-shell{display:block}.sidebar{position:relative;inset:auto;width:100%;height:64px;padding:9px 16px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0}.brand span{display:block;font-size:12px}.brand small{display:none}.brand svg{width:24px}.sidebar nav{display:flex;gap:5px}.nav-link{padding:10px}.sidebar-bottom{display:none}.main-shell{margin-left:0}.page{padding:28px 20px}.page-heading{flex-direction:column;gap:12px;margin-bottom:24px}.page-heading h1{font-size:32px}.page-heading p{font-size:13px}.setup-hero{grid-template-columns:1fr}.frame-art{min-height:220px}.frame-art:after{border-radius:70px 70px 4px 4px}.setup-copy{padding:30px 24px}.setup-grid{grid-template-columns:1fr}.setup-grid h3{display:inline-block;margin:0 0 0 15px}.setup-grid p{margin-bottom:0}.studio-grid{display:flex;flex-direction:column}.viewer-column{order:0;padding:0 16px}.controls{order:1;border-right:0;border-top:1px solid var(--line);padding:23px}.history-panel{order:2}.result-viewer{min-height:330px;max-height:450px}.viewer-empty{padding:35px 15px}.viewer-empty h2{font-size:31px}.viewfinder{margin-bottom:24px;height:60px;width:75px}.viewer-footer{padding:10px 0 16px}.studio-header{height:79px;padding:12px 16px}.studio-title{gap:12px}.studio-title input{width:190px;font-size:17px}.header-meta,.studio-title .eyebrow{font-size:8px}.demo-banner{font-size:9px;padding:9px 16px;flex-direction:column;gap:4px}.viewer-toolbar{height:60px}.tabs{gap:15px}.tabs button{font-size:11px}.viewer-toolbar .text-button{font-size:10px}.filmstrip{min-height:45px;padding:12px 0}.project-grid{grid-template-columns:1fr}.project-toolbar{flex-direction:column;align-items:stretch}.project-toolbar details{align-self:flex-start}.inline-form input{min-width:0}.inline-form button{font-size:12px}.auth-page{padding:24px 20px;min-height:calc(100vh - 64px)}.auth-panel{padding:25px}.auth-panel h1{font-size:28px}.metric-grid{grid-template-columns:1fr}.metric strong{font-size:25px}.result-actions{align-items:flex-start;flex-direction:column}.workspace-select{width:100%}}