.studio-body{background:#f5f3f0}.studio-nav{height:76px;background:#fff;border-bottom:1px solid #ece8ea;padding:0 clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between}.studio-nav-right{display:flex;align-items:center;gap:30px;font-size:11px;font-weight:700;letter-spacing:.08em}.studio-nav-right #user-email{color:#817b86;letter-spacing:0;font-size:12px}.nav-logout,.refresh-button{border:0;background:none;color:var(--violet);font-weight:700}.studio-main{width:min(1360px,calc(100% - 80px));margin:0 auto;min-height:calc(100vh - 145px)}.notice{position:fixed;z-index:20;top:95px;left:50%;transform:translateX(-50%);max-width:min(500px,90vw);background:var(--ink);color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 15px 40px #14121b30;font-size:13px}.notice.error{background:#862b38}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center;min-height:calc(100vh - 150px);padding:70px 0}.auth-copy h1,.studio-welcome h1{font-size:clamp(62px,6vw,95px);margin:14px 0 23px}.auth-copy>p:not(.kicker),.studio-welcome>div>p:not(.kicker){font-size:16px;color:var(--muted);max-width:530px}.auth-art{height:225px;margin-top:45px;max-width:520px;border-radius:20px;overflow:hidden;padding:17px;background:linear-gradient(120deg,#59477a,#dba5ab 60%,#f4d7ac);box-shadow:0 24px 50px #634e8524;transform:rotate(-3deg)}.auth-art-inner{height:100%;border:1px solid #ffffff72;border-radius:12px;display:flex;align-items:start;justify-content:center;flex-direction:column;padding:24px;color:white;position:relative}.auth-art-inner:after{content:'';position:absolute;width:175px;height:175px;right:42px;top:21px;border-radius:50%;background:radial-gradient(circle,#fff2c0,#efc4a1 60%,transparent 61%);box-shadow:0 0 50px #fff3d3}.auth-art-inner span{font-size:25px}.auth-art-inner strong{font:700 36px/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;z-index:1}.auth-art-inner small{font-size:9px;letter-spacing:.15em;margin-top:14px;z-index:1}.auth-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 20px 55px #2b1e3f0d}.auth-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.auth-tabs button{background:transparent;border:0;padding:0 0 14px;font-size:12px;color:#96909e;font-weight:700}.auth-tabs button.active{color:var(--ink);border-bottom:2px solid var(--violet)}.auth-panel h2{font-size:38px;margin:0 0 10px}.auth-panel form>p{color:var(--muted);font-size:13px;margin-bottom:28px}.auth-panel label{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:18px}.auth-panel input{width:100%;display:block;margin-top:8px;border:1px solid #ddd8df;background:#faf9f8;border-radius:9px;padding:13px 14px;outline:none}.auth-panel input:focus,textarea:focus,.api-panel input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7250dc1f}.auth-submit{width:100%;justify-content:space-between;margin-top:12px}.auth-foot{font-size:11px;color:#928b95;margin-top:25px}.auth-foot a{text-decoration:underline}.studio-welcome{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:65px 0 35px}.studio-welcome h1{font-size:clamp(55px,5vw,75px);margin-bottom:14px}.balance-card{min-width:345px;border-radius:20px;background:var(--ink);color:white;padding:23px 25px;box-shadow:0 20px 40px #24173325}.balance-card small{font-size:9px;color:#bbb5c3;letter-spacing:.16em;font-weight:700}.balance-card strong{display:block;font:700 46px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:8px 0}.balance-card>span{font-size:12px;color:var(--lime)}.balance-bottom{display:flex;justify-content:space-between;border-top:1px solid #413c4a;margin-top:20px;padding-top:13px;font-size:10px;color:#bbb5c3}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(315px,1fr);gap:21px;padding-bottom:80px}.workspace-left,.workspace-right{display:grid;align-content:start;gap:21px}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.panel-kicker{font-size:10px;letter-spacing:.16em;color:var(--violet);font-weight:700}.panel h2{font-size:27px;letter-spacing:-.055em;margin:9px 0 25px}.model-badge{background:#f1edff;border-radius:100px;padding:7px 12px;color:#6641cc;font-size:10px;font-weight:700}.field-label,.frame-label{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:10px}.composer textarea{width:100%;min-height:180px;border:1px solid #e2dee5;border-radius:11px;background:#faf9fb;resize:vertical;padding:17px;outline:none;font-size:14px;line-height:1.7}.composer textarea::placeholder{color:#a5a0aa}.prompt-footer{display:flex;justify-content:space-between;gap:15px;color:#aaa4ae;font-size:11px;margin:8px 0 27px}.frame-label{display:flex;justify-content:space-between}.frame-label span{color:#a5a0aa}.ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ratio-grid label{cursor:pointer}.ratio-grid input{position:absolute;opacity:0}.ratio-grid label>span{height:93px;border:1px solid #e6e1e9;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.2s}.ratio-grid input:checked+span{border-color:var(--violet);background:#f3efff;box-shadow:0 0 0 2px #7250dc16}.ratio-grid b{font-size:11px}.ratio-grid small{font-size:10px;color:#9b95a2}.ratio-icon{display:block;border:2px solid var(--violet);border-radius:3px;width:26px;height:17px;margin-bottom:5px}.ratio-tall{width:14px;height:25px}.ratio-square{width:21px;height:21px}.ratio-classic{width:24px;height:19px}.ratio-portrait{width:19px;height:24px}.composer-footer{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--line);margin-top:29px;padding-top:23px}.composer-footer div{display:flex;flex-direction:column;line-height:1.4}.composer-footer small{font-size:9px;letter-spacing:.13em;color:#8b8490;font-weight:700}.composer-footer strong{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-.07em}.composer-footer div span{font-size:10px;color:#a59daa}.composer-footer .button{white-space:nowrap}.wallet{background:#eae2ff;border-color:#eae2ff}.wallet h2{margin-bottom:12px}.wallet p,.progress-panel p,.api-panel p{font-size:13px;color:#71677d;line-height:1.7}.deposit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:21px 0}.deposit-grid button{border:1px solid #bdb0dd;background:white;border-radius:10px;padding:12px;font:700 19px 'Space Grotesk',sans-serif}.deposit-grid button:hover:not(:disabled){background:var(--lime)}.deposit-grid button:disabled{opacity:.45;cursor:not-allowed}.wallet-note{font-size:11px!important;margin-bottom:0}.checkout-item{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d3c9e9;padding:11px 0;font-size:11px}.checkout-item a{text-decoration:underline}.tier-track{display:grid;gap:13px}.tier-row{display:grid;grid-template-columns:38px 1fr 55px;gap:8px;align-items:center;font-size:11px;color:#8d8793}.tier-row.active{color:var(--ink);font-weight:700}.tier-row i{height:6px;background:#e8e4eb;border-radius:5px}.tier-row.active i{background:var(--violet)}.tier-row b{text-align:right;font-size:12px}.progress-panel p{margin:22px 0 0}.api-panel{background:#24202e;color:white;border-color:#24202e}.api-panel .panel-kicker{color:var(--lime)}.api-panel p{color:#bbb4c3}.api-panel form{display:flex;gap:7px;margin:18px 0}.api-panel input{min-width:0;flex:1;border:1px solid #635d6d;background:#36303e;color:white;border-radius:9px;padding:10px;outline:none;font-size:12px}.api-panel .button{font-size:11px;padding:12px;gap:0;background:var(--lime);color:var(--ink)}.api-panel small{display:block;color:#a9a1b1;font-size:10px}.api-panel>a{font-size:12px;color:var(--lime);display:inline-block;margin-top:20px}.api-panel pre{white-space:pre-wrap;word-break:break-all;background:#15131b;padding:10px;border-radius:7px;font-size:11px}.library .panel-heading{align-items:center}.library h2{margin-bottom:24px}.video-list{display:grid;gap:11px}.empty-state{border:1px dashed #d5d0d9;border-radius:12px;padding:45px 15px;text-align:center;color:#918a98}.empty-state span{font-size:37px;display:block;color:var(--violet)}.empty-state strong{color:var(--ink);font:700 18px 'Space Grotesk',sans-serif}.empty-state p{font-size:12px;margin:6px 0 0}.video-item{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;padding:12px}.video-thumb{width:76px;height:70px;border-radius:8px;background:linear-gradient(140deg,#6e6495,#e6a7a5 65%,#ffe3ae);display:grid;place-items:center;color:white;font-size:25px}.video-details{min-width:0}.video-details strong{display:block;font:700 13px/1.3 'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-details small{color:#928b96;font-size:10px}.video-status{display:inline-block;font-size:10px;font-weight:700;padding:5px 7px;border-radius:5px;background:#eee8ff;color:#6443bf;margin-top:5px;text-transform:uppercase}.video-status.ready{background:#e5f8bd;color:#55752c}.video-status.failed{background:#ffe9e6;color:#bb5045}.video-actions{display:flex;align-items:end;flex-direction:column;gap:7px}.video-actions a,.video-actions button{font-size:11px;font-weight:700;color:var(--violet);border:0;background:none;padding:0}.video-actions small{font-size:9px;color:#aaa2ad}.studio-footer{height:69px;border-top:1px solid var(--line);padding:0 clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;color:#978f9b;font-size:11px}.studio-footer a:hover{color:var(--violet)}
@media(max-width:1100px){.workspace-grid{grid-template-columns:minmax(0,1fr) 300px}.ratio-grid{gap:5px}.ratio-grid label>span{height:83px}.studio-main{width:calc(100% - 40px)}}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:40px;padding:50px 0}.auth-copy h1{font-size:65px}.auth-art{display:none}.auth-panel{max-width:500px}.studio-welcome{display:block}.balance-card{margin-top:25px;min-width:0;max-width:450px}.workspace-grid{grid-template-columns:1fr}.workspace-right{grid-template-columns:1fr 1fr}.api-panel{grid-column:1/-1}.studio-nav-right #user-email{display:none}}
@media(max-width:560px){.studio-main{width:calc(100% - 24px)}.studio-nav{padding:0 15px}.studio-nav-right{gap:10px}.studio-nav-right>a{display:none}.auth-copy h1,.studio-welcome h1{font-size:54px}.auth-panel{padding:22px}.studio-welcome{padding:40px 5px 25px}.panel{padding:19px}.panel-heading{display:block}.model-badge{display:inline-block;margin-bottom:17px}.ratio-grid{grid-template-columns:repeat(5,1fr);gap:4px}.ratio-grid label>span{height:78px}.ratio-grid b{font-size:9px}.ratio-grid small{font-size:9px}.composer-footer{align-items:center}.composer-footer .button{padding:13px;gap:10px;font-size:11px}.workspace-right{grid-template-columns:1fr}.api-panel{grid-column:auto}.video-item{grid-template-columns:48px 1fr;gap:10px}.video-thumb{width:48px;height:55px}.video-actions{grid-column:2;align-items:start;flex-direction:row;flex-wrap:wrap}.studio-footer{padding:0 15px}}
.size-choice{display:block;margin-top:18px;font-size:11px;font-weight:700;letter-spacing:.07em}
.size-choice select{display:block;width:100%;margin-top:9px;border:1px solid #e2dee5;background:#faf9fb;border-radius:10px;padding:12px;color:var(--ink);font:600 13px 'Space Grotesk',sans-serif}
.key-list .checkout-item{border-color:#514a5a;align-items:center;color:#e7e2eb}
.key-list button{border:0;background:transparent;color:var(--lime);font-size:11px;font-weight:700}
dialog{border:0;border-radius:18px;max-width:min(480px,calc(100% - 30px));padding:30px;box-shadow:0 25px 80px #19121d55}dialog::backdrop{background:#17141fa8}dialog h2{font-size:29px;margin:0 0 10px}dialog p{font-size:13px;color:var(--muted)}dialog textarea{width:100%;min-height:130px;border:1px solid var(--line);border-radius:9px;padding:12px;resize:vertical}dialog form>div{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:17px}dialog button[type=button]{background:none;border:0}
.connection-banner{position:sticky;top:0;z-index:15;background:#332849;color:#fff;border-radius:0 0 10px 10px;padding:12px 16px;text-align:center;font-size:12px}
.pending-panel{border:1px solid #b99ae7;background:#f7f0ff;border-radius:11px;padding:14px 17px;margin:0 0 18px;font-size:12px;color:#493b60}
.pending-panel strong{display:block;font-size:13px;margin-bottom:5px}
.pending-panel p{margin:0;line-height:1.5}
.pending-panel button{border:0;background:none;color:var(--violet);padding:8px 0 0;font-size:11px;font-weight:700;text-decoration:underline}
.video-status.uncertain,.video-status.copying{background:#fff1dc;color:#906724}
[hidden]{display:none!important}