@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;450;500;550;600;650;700&family=Inter:wght@400;450;500;550;600;650&family=Noto+Sans+SC:wght@400;500;600&display=swap');
:root{color-scheme:dark;--canvas:#090a0c;--surface:#121418;--raised:#191c21;--input:#101216;--text:#f1f2f4;--subtle:#b0b5be;--muted:#898f99;--line:#282c33;--line-soft:#202329;--accent:#c8dcac;--accent-ink:#1e2817;--good:#a4c79b;--error:#e7a094;--warning:#d0bda2;--font:'Inter',-apple-system,BlinkMacSystemFont,'Noto Sans SC','PingFang SC',sans-serif;--display:'Inter Tight','Noto Sans SC','PingFang SC',sans-serif;--mono:'SFMono-Regular',Consolas,monospace;--radius:8px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a{touch-action:manipulation}button{background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:1.1}input,textarea,select{color:var(--text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ico{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mono{font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.035em}.quiet{color:var(--muted)}.caption{font-size:11px;color:var(--subtle)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.button{min-height:42px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.35;border:1px solid #363b44;border-radius:6px;color:#d9dde4;background:linear-gradient(#20242b,#191d23);font-size:12px;font-weight:550;transition:background .16s,border-color .16s,transform .16s;white-space:normal;box-shadow:inset 0 1px #ffffff08}.button:hover{border-color:#6d747f;background:#262c34}.button.primary{background:linear-gradient(180deg,#fafbfc,#d4d8df);border-color:#f2f4f6;color:#15171b;box-shadow:inset 0 1px #ffffff,0 1px 2px #0007}.button.primary:hover{background:#fff;transform:translateY(-1px)}.button.ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--subtle)}.button.ghost:hover{color:#fff;background:#ffffff07}.button.small{min-height:32px;font-size:10px;padding:7px 11px}.button.full{width:100%}.wordmark{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-family:var(--display);font-size:24px;font-weight:650;letter-spacing:-1.2px;color:var(--text);padding:0}.wordmark .brand-symbol{width:24px;height:24px;display:block;position:relative}.brand-symbol:before,.brand-symbol:after{content:'';position:absolute;width:6px;height:22px;background:linear-gradient(180deg,#fff,#8f95a1);transform:skew(-24deg);left:6px;top:1px;border-radius:1px}.brand-symbol:after{left:15px;height:14px;top:9px}.lang-switch{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}.lang-switch button{padding:6px;min-height:30px;font-size:10px}.lang-switch button.active{color:#eef0f5}.lang-switch span{color:#40454e}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;white-space:nowrap;color:#bac0cb}.status .dot{width:4px;height:4px;background:currentColor;border-radius:50%}.status.ready{color:var(--good)}.status.failed{color:var(--error)}.status.queued{color:var(--warning)}.icon-button{display:inline-grid;place-items:center;min-width:31px;min-height:31px;border-radius:4px;color:var(--muted)}.icon-button:hover{color:#fff;background:#ffffff08}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.studio-legal{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;font-size:11px;color:var(--subtle)}.studio-legal a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#ffffff35;text-underline-offset:4px}.studio-legal a:hover{color:var(--text);text-decoration-color:currentColor}.creative-footer,.studio-footer{flex-wrap:wrap;align-items:center;gap:12px 24px}