@font-face{font-family:Inter;src:url('/assets/fonts/Inter-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/SpaceGrotesk-variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--bg:#090909;--surface:#171717;--fg:#f7f7f3;--muted:#b7b7b0;--line:#303030;--accent:#e7ff3f;--gradient:linear-gradient(#e7ff3f,#e7ff3f);font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--fg)}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--fg)}
h1,h2,h3,.brand,.package-price{font-family:'Space Grotesk',Inter,sans-serif}
::selection{background:var(--accent);color:var(--bg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.brand{color:var(--accent);letter-spacing:-.04em;gap:0}
.brand img{display:block;width:153px;height:auto;max-width:100%}
.brand-icon{background:var(--accent);color:var(--bg);border-radius:8px;transform:none}
.brand-light,.brand>span:not(.brand-icon){font-weight:700}
.primary{background:var(--accent);color:var(--bg);box-shadow:none;border-radius:12px}
.primary:hover:enabled,a.primary:hover{background:#d9f32f;transform:none}
.secondary{border-color:#414141;background:#202020;border-radius:12px}
.secondary:hover:enabled,a.secondary:hover{background:#292929}
.account-page button:disabled{opacity:1;background:#292929;color:#999}
.account-page .plain-button:disabled,.account-page .text-link:disabled{background:transparent}
.account-page input,.account-page textarea,.account-page select{background:#202020;border-color:#3d3d3d;border-radius:12px}
.account-page input[readonly]{background:#171717}
.account-page input::placeholder,.account-page textarea::placeholder{color:#999}
.account-page input:focus,.account-page textarea:focus,.account-page select:focus{border-color:var(--accent)}
.account-page input[type=checkbox]{accent-color:var(--accent)}
.account-page input[type=file]::file-selector-button{background:#373737;border-radius:7px}
.account-page .auth-intro{background:#111;border-color:var(--line);padding:40px 9%;position:relative;overflow:hidden}
.account-page .intro-copy h1{font-weight:600;letter-spacing:-.045em;font-size:clamp(38px,4.8vw,66px)}
.account-page .intro-copy h1::first-line{color:var(--accent)}
.account-page .auth-main{padding:40px;background:#090909}
.account-page .auth-form-wrap{width:min(100%,440px);background:#141414;border:1px solid var(--line);border-radius:22px;padding:30px}
.account-page .auth-tabs{border:0;border-radius:12px;background:#202020;padding:4px;gap:4px;margin-top:26px}
.account-page .auth-tabs button{flex:1;padding:9px 12px;min-height:42px;border:0;border-radius:9px}
.account-page .auth-tabs [aria-pressed=true]{background:#373737;color:var(--fg)}
.account-page .back-link{margin-bottom:24px}
.account-page .auth-note{margin-top:22px}
.account-page .account-shell{grid-template-columns:220px minmax(0,1fr)}
.account-page .sidebar{background:#111;padding:26px 18px 18px}
.account-page .account-nav{margin-top:38px;gap:6px}
.account-page .account-nav button{border-radius:12px}
.account-page .account-nav button:hover{background:#242424}
.account-page .account-nav [aria-current=page]{background:#26291b;color:var(--accent);box-shadow:inset 0 0 0 1px #e7ff3f25}
.account-page .avatar{background:#292d18;color:var(--accent)}
.account-page .workspace-header{min-height:64px;padding:18px 30px;background:#090909}
.account-page .credit-summary{color:var(--fg);font-size:12px}
.account-page .workspace-content{padding:30px;max-width:1600px}
.account-page .section-heading h1{font-size:30px}
.account-page .section-heading p{margin-top:8px}
.account-page .empty-state{background:#141414;border:1px solid var(--line);border-radius:22px}
.account-page .empty-icon{color:var(--accent)}
.account-page .video-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.account-page .video-item{background:#171717;border:1px solid var(--line);border-radius:18px;max-width:none}
.account-page .video-cover{background:#222;color:var(--accent);aspect-ratio:9/12;max-height:340px}
.account-page .video-details{padding:18px}
.account-page .video-details .status,.account-page .lab-job p.status{color:var(--accent)}
.account-page .package-strip{background:#141414;border:1px solid var(--line);border-radius:18px;padding:24px}
.account-page .package-price{color:var(--accent)}
.account-page .profile-form{max-width:650px;background:#141414;border:1px solid var(--line);border-radius:22px;padding:26px}
.account-page .lab-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;align-items:start}
.account-page .lab-editor-column,.account-page .lab-history{background:#111;border:1px solid var(--line);border-radius:22px;padding:20px;min-width:0}
.account-page .lab-history{min-height:430px}
.creation-banner{height:150px;position:relative;overflow:hidden;border-radius:12px;margin-bottom:16px;background:#202020}
.creation-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:brightness(.55)}
.creation-banner>div{position:absolute;inset:auto 16px 15px;display:grid;gap:5px}
.creation-banner strong{color:var(--accent);font:700 21px/1.15 'Space Grotesk',sans-serif}
.creation-banner span{font-size:11px;color:var(--fg)}
.account-page .lab-source{background:#202020;margin-bottom:20px;border-color:#333}
.account-page .lab-source button{font-size:12px}
.account-page .lab-source button[aria-pressed=true]{background:#373737;color:var(--fg)}
.account-page .lab-preview{max-height:300px;margin-top:16px}
.account-page .lab-layout label{font-size:13px}
.account-page .lab-layout .field-hint{font-size:11px}
.account-page .lab-layout .primary{width:100%;margin-top:14px}
.account-page .lab-consent{font-size:12px}
.account-page .custom-person{background:#171717;border-color:#333}
.account-page .lab-job{background:#171717;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:14px}
.account-page .lab-job h3{font-size:15px}
.account-page .lab-job p.status-generating,.account-page .video-details p.status-generating{color:var(--accent)}
.status-generating::before{border-color:#e7ff3f35;border-top-color:var(--accent)}
.account-page .message:not(:empty){color:var(--fg)}
.account-page .message[data-error=true]{color:#ffb4b4}
@media(max-width:1100px){.account-page .account-shell{grid-template-columns:190px minmax(0,1fr)}.account-page .workspace-content{padding:24px}.account-page .lab-layout{grid-template-columns:1fr}.account-page .lab-history{min-height:0}}
@media(max-width:700px){.account-page .auth-shell{display:block}.account-page .auth-intro{padding:24px;background:var(--bg)}.account-page .auth-main{padding:0 16px 30px}.account-page .auth-form-wrap{padding:24px}.account-page .account-shell{display:block}.account-page .sidebar{padding:16px 16px 0}.account-page .account-nav{margin-top:18px}.account-page .account-nav button{border-radius:10px 10px 0 0;min-height:46px}.account-page .workspace-header{padding:16px;flex-wrap:wrap;gap:8px}.account-page .workspace-content{padding:24px 16px}.account-page .section-heading h1{font-size:26px}.account-page .video-list{grid-template-columns:1fr 1fr;gap:12px}.account-page .video-details{padding:13px}.account-page .video-details h2{font-size:14px}.account-page .video-details .secondary{padding:10px;min-height:44px;font-size:12px}.account-page .lab-editor-column,.account-page .lab-history,.account-page .profile-form{padding:16px}.account-page .package-strip{padding:20px}.account-page .logout{right:16px}.account-page .lab-source button{padding:9px 6px}.account-page .lab-layout .lab-consent{font-size:12px}}
@media(max-width:380px){.account-page .video-list{grid-template-columns:1fr}.account-page .account-nav button{font-size:11px;gap:5px}.account-page .credit-summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){.status-generating::before{animation:none;border-color:var(--accent)}}