.credits-pill{border:1px solid var(--line);background:var(--card);height:30px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 11px 0 9px;font-size:.8rem;text-decoration:none;transition:border-color .15s;display:inline-flex}.credits-pill:hover{border-color:var(--ink-3)}.credits-pill svg{width:14px;height:14px;color:var(--ok);fill:color-mix(in srgb, var(--ok) 25%, transparent)}.credits-pill b{font-variant-numeric:tabular-nums;font-weight:600}.credits-pill span{color:var(--ink-3)}.credits-pill.low svg{color:var(--warn);fill:color-mix(in srgb, var(--warn) 25%, transparent)}.credits-pill.skeleton{background:var(--paper-2);width:72px}.acct{position:relative}.acct-signin{white-space:nowrap;text-decoration:none}.acct-avatar{border:1px solid var(--line);background:var(--paper-2);cursor:pointer;width:32px;height:32px;font:600 .74rem/1 var(--font-body);color:var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}.acct-avatar img{object-fit:cover;width:100%;height:100%}.acct-menu{z-index:60;background:var(--card);border:1px solid var(--line);width:260px;box-shadow:var(--shadow-lg);border-radius:16px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.acct-who{padding:10px 10px 8px;display:grid}.acct-who b{text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.acct-who small{color:var(--ink-3);text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.acct-plan{background:var(--paper-2);border-radius:12px;gap:6px;margin:0 4px 6px;padding:10px;font-size:.78rem;display:grid}.acct-plan-name{font-weight:600}.acct-plan .mono{color:var(--ink-2);font-size:.72rem}.acct-bar{background:var(--line);border-radius:5px;height:5px;display:block;overflow:hidden}.acct-bar i{background:var(--ok);border-radius:5px;height:100%;display:block}.acct-menu [role=menuitem]{height:36px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:0 10px;font-size:.86rem;text-decoration:none;display:flex}.acct-menu [role=menuitem]:hover{background:var(--paper-2)}.acct-menu [role=menuitem] svg{width:16px;height:16px;color:var(--ink-3)}.auth{place-items:center;min-height:calc(100dvh - 60px);padding:40px 16px;display:grid}.auth-card{background:var(--card);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow-lg);border-radius:24px;gap:16px;padding:30px;display:grid}.auth-card h1{margin:0;font-size:1.7rem}.auth-card p{color:var(--ink-2);margin:0;font-size:.92rem}.auth-card form{gap:10px;display:grid}.auth-card input[type=email]{border-radius:12px;width:100%;height:44px;padding:0 14px;font-size:.95rem}.auth-card .ui-btn{width:100%;height:44px}.auth-or{color:var(--ink-3);align-items:center;gap:10px;font-size:.76rem;display:flex}.auth-or:before,.auth-or:after{content:"";border-top:1px solid var(--line);flex:1}.auth-fine{text-align:center;color:var(--ink-3)!important;font-size:.74rem!important}.auth-sent{text-align:center;gap:8px;padding:8px 0;display:grid}.auth-sent svg{width:34px;height:34px;color:var(--ok);justify-self:center}.preview-note{border:1px dashed var(--line);color:var(--ink-2);background:var(--paper-2);border-radius:12px;padding:10px 12px;font-size:.78rem}.account{gap:20px;padding:40px 0 96px;display:grid}.account h1{margin:0;font-size:clamp(2rem,4vw,2.6rem)}.account-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:900px){.account-grid{grid-template-columns:1.2fr 1fr}}.account-card{border:1px solid var(--line);background:var(--card);border-radius:20px;align-content:start;gap:14px;padding:22px;display:grid}.account-card h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}.credits-big{align-items:baseline;gap:8px;display:flex}.credits-big b{font:600 3rem/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.credits-big span{color:var(--ink-2)}.credits-meter{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;height:10px;overflow:hidden}.credits-meter i{background:linear-gradient(90deg, var(--ok), color-mix(in srgb, var(--ok) 60%, var(--blue)));height:100%;transition:width .6s var(--ease);border-radius:10px;display:block}.account-row{color:var(--ink-2);justify-content:space-between;gap:12px;font-size:.86rem;display:flex}.account-row b{color:var(--ink);font-weight:500}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.usage{border-collapse:collapse;width:100%;font-size:.84rem}.usage th{text-align:left;font:500 .66rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding:0 8px 8px 0}.usage td{border-bottom:1px solid var(--line-2);padding:9px 8px 9px 0}.usage td.mono{font-variant-numeric:tabular-nums;white-space:nowrap}.oc-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090c8c;place-items:center;padding:16px;animation:.2s both ui-fade-in;display:grid;position:fixed;inset:0}.oc{background:var(--card);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow-lg);border-radius:22px;gap:14px;padding:26px;display:grid}.oc h2{margin:0;font-size:1.35rem}.oc p{color:var(--ink-2);margin:0;font-size:.92rem;line-height:1.55}.oc-plans{gap:8px;display:grid}.oc-plans button{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:inherit;cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.oc-plans button:hover{border-color:var(--ink-3)}.oc-plans button.featured{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.oc-plans small{color:var(--ink-3);font-size:.76rem;display:block}.oc-actions{justify-content:space-between;gap:8px;display:flex}@media (max-width:440px){.studio-left-head .credits-pill{display:none}}.auth-shell{border:1px solid var(--line);background:var(--card);width:min(880px,100%);box-shadow:var(--shadow-lg);border-radius:28px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (min-width:820px){.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.auth-shell .auth-card{width:auto;box-shadow:none;border:0;border-radius:0;padding:clamp(24px,4vw,40px)}.auth-form{gap:16px;display:grid}.auth-form h1{margin:0 0 6px;font-size:1.75rem}.auth-form p{color:var(--ink-2);margin:0;font-size:.92rem;line-height:1.55}.auth-form form{gap:10px;display:grid}.auth-form input[type=email]{width:100%;height:46px;font-size:.95rem;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 14px}.auth-form input[type=email]:focus{border-color:var(--ink-3);box-shadow:0 0 0 4px var(--line-2);outline:none}.auth-form .ui-btn{width:100%;height:46px}.auth-google{font-weight:500}.auth-side{background:var(--accent-soft);border-left:1px solid var(--line);align-content:center;justify-items:start;gap:14px;padding:clamp(24px,4vw,40px);display:grid;position:relative;overflow:hidden}.auth-side:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000)}.auth-side>*{position:relative}.auth-side h2{margin:0;font-size:1.2rem}.auth-side ul{color:var(--ink-2);gap:9px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.auth-side li{align-items:flex-start;gap:9px;display:flex}.auth-side li svg{width:17px;height:17px;color:var(--accent-ink);stroke-width:2.5px;flex:none;margin-top:2px}.auth-side p{color:var(--ink-3);margin:0;font-size:.74rem}@media (max-width:819px){.auth-side{border-left:0;border-top:1px solid var(--line)}.auth-side .mascot{display:none}}.oc.gate{width:min(460px,100%);padding-top:22px;position:relative}.gate-x{position:absolute;top:12px;right:12px}.gate-mascot{justify-self:center;margin-bottom:-6px}.gate .auth-form h1{text-align:center;font-size:1.45rem}.gate .auth-form>div:first-child p{text-align:center}.gate-note{text-align:center;color:var(--ink-3)!important;font-size:.78rem!important}.account-signedout{text-align:center;border:1px dashed var(--line);background:radial-gradient(60% 70% at 50% 25%, var(--accent-soft), transparent 70%);border-radius:28px;justify-items:center;gap:12px;padding:56px 20px;display:grid}.account-signedout p{max-width:48ch;margin:0}.account-note{background:var(--paper-2);color:var(--ink-2);border-radius:12px;margin:0;padding:9px 12px;font-size:.82rem;line-height:1.45}.account-note.ok{background:color-mix(in srgb, var(--ok) 10%, var(--card));color:var(--ink)}.account-note a{color:var(--accent-ink);font-weight:600}.account-card.packs{gap:12px;display:grid}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pack{border:1px solid var(--line);background:var(--paper-2);border-radius:14px;align-content:start;gap:4px;padding:14px;display:grid}.pack b{font-size:.95rem}.pack-credits{font-family:var(--mono,ui-monospace, monospace);color:var(--ink);font-size:1.15rem;font-weight:700}.pack .ui-btn{justify-self:start;margin-top:8px}.account-check{cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.account-check input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin-top:3px}.profile-edit-top{align-items:center;gap:14px;display:flex}.profile-edit-avatar{border:1px solid var(--line);background:var(--paper-2);cursor:pointer;width:64px;height:64px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.5rem;font-weight:600;display:grid;overflow:hidden}.profile-edit-avatar img{object-fit:cover;width:100%;height:100%}.profile-field{gap:4px;font-size:.88rem;display:grid}.profile-field input,.profile-field textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:8px 10px}.profile-field textarea{resize:vertical}.oc-plans .oc-plan-link{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:14px;padding:12px 14px;text-decoration:none;display:flex}.oc-plans .oc-plan-link:hover{border-color:var(--ink-3)}.scope-card b{align-items:center;gap:6px;display:inline-flex}.scope-card b svg{flex:none;width:15px;height:15px}.scope-card small{margin-top:3px;line-height:1.4}#profile{scroll-margin-top:80px}@media (max-width:600px){.acct-menu{width:min(280px,100vw - 16px);max-height:calc(100dvh - 80px);position:fixed;top:64px;left:auto;right:8px;overflow:auto}}@media (pointer:coarse){.acct-menu [role=menuitem]{height:44px}}