@font-face{font-family:Inter;src:url('/onboarding/assets/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/onboarding/assets/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('/onboarding/assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root,[data-palette=dark]{--bg:#0b0e14;--panel:#11151e;--raised:#191f2b;--line:#2a3241;--text:#f3f6fc;--muted:#a4aec0;--blue:#45c9ff;--purple:#b69aff;--red:#ff9b9b;--on-accent:#0b0e14;color-scheme:dark}
[data-palette=light]{--bg:#f3f6fa;--panel:#fff;--raised:#e7edf5;--line:#bdcadb;--text:#172336;--muted:#53647a;--blue:#006ca5;--purple:#7250ad;--red:#a22c35;--on-accent:#fff;color-scheme:light}
[data-palette=warm]{--bg:#f4eee5;--panel:#fff9f0;--raised:#e8ded0;--line:#c9baa7;--text:#352e29;--muted:#716050;--blue:#146a80;--purple:#81558f;--red:#a22c35;--on-accent:#fff9f0;color-scheme:light}
[data-palette=midnight]{--bg:#080f22;--panel:#0f1b36;--raised:#192b4b;--line:#30496b;--text:#eef4ff;--muted:#a3b7d6;--blue:#78c9ff;--purple:#c0abff;--red:#ff9b9b;--on-accent:#080f22;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.45 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue)}button{border:0;background:var(--raised);color:var(--text);padding:12px 20px;min-height:44px;border-radius:12px;font-weight:600}button:hover,a.button:hover{filter:brightness(1.12)}button:disabled{cursor:default;opacity:.55}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;padding:12px 20px;background:var(--raised);font-weight:600}.primary{background:var(--blue);color:var(--on-accent)}p,h1,h2,h3{margin:0}h1{font-size:34px;font-weight:600;line-height:1.45}h2{font-size:22px;font-weight:600;line-height:1.45}h3{font-size:18px;font-weight:500}.muted,small{color:var(--muted)}.accent-link{color:var(--blue);font-weight:400;background:none;padding:0;border-radius:0;min-height:0;font-size:13px}.danger{color:var(--red);background:none;padding:0;text-align:left;font-weight:400}.intro{font-size:15px;color:var(--muted);line-height:1.4;margin-top:12px}.eyebrow{font-size:12px;color:var(--blue);font-weight:500}.panel{background:var(--panel);border-radius:16px;padding:24px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.subtle{font-size:12px;color:var(--muted);margin-top:22px}.empty{color:var(--muted);padding:40px 20px}.reviewbar{display:flex;align-items:center;gap:20px;padding:9px 20px;border-bottom:1px solid #424750;background:#20242b;color:#e6e9ee;font-size:11px;min-height:49px}.reviewbar>a{color:#c8d9ee;text-decoration:underline}.reviewbar>span{color:#b4bdca}.reviewbar>div{margin-left:auto;display:flex;align-items:center;gap:9px}.reviewbar label{font-size:11px;margin:0;color:#c8cfdb}.reviewbar select{background:#292f39;color:#fff;border:1px solid #5e6674;border-radius:5px;padding:5px 9px;font-size:11px;min-height:30px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:60px;z-index:20;background:var(--panel);padding:15px}
.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:1060px}.sidebar{background:var(--panel);padding:28px 12px 18px;display:flex;flex-direction:column;min-height:1060px}.brand{display:flex;align-items:center;gap:8px;font-size:22px;line-height:32px;font-weight:600;white-space:nowrap}.sidebar>.brand{margin-left:12px}.brand-icon{position:relative;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.brand-icon img{display:block}.nav-label{font-size:10px;color:var(--muted);font-weight:500;margin:37px 12px 16px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:12px;height:44px;padding:12px 14px;color:var(--muted);border-radius:10px}.sidebar nav a[aria-current]{background:var(--raised);color:var(--text)}.sidebar nav a:hover{background:var(--raised)}.sidebar nav img{display:block;flex-shrink:0}.side-bottom{margin-top:auto;padding-top:70px;display:grid;gap:16px}.side-bottom>button:not(.profile),.side-bottom>a{display:flex;gap:12px;align-items:center;background:none;padding:0 14px;text-align:left;height:32px;min-height:32px;font-weight:400;font-size:14px;color:var(--muted)}.profile{margin-top:18px;width:100%;height:64px;padding:10px 16px;text-align:left;display:flex;flex-direction:column;font-size:14px;font-weight:500}.profile b{font-weight:500}.profile small{font-size:12px;font-weight:400;margin-top:3px}.workspace{min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:16px;font-size:16px;font-weight:500}.top-actions{display:flex;gap:16px;align-items:center}.balance-chip{background:var(--panel);border-radius:12px;height:44px;min-width:190px;padding:10px 16px;font-weight:600}.top-actions>button{width:162px;height:44px}.hamburger{display:none}main:not(.auth-layout){padding:32px 40px 40px;min-width:0;outline:none;max-width:1450px;margin:auto}.mobile-bottom,.mobile-glyph,.mobile-only{display:none}
.overview-title h1{font-size:38px;margin-top:21px}.overview-title .intro{font-size:16px;margin-top:10px}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:38px}.tool{position:relative;background:var(--panel);border-radius:16px;padding:20px;height:152px;display:flex;flex-direction:column;align-items:start;min-width:0}.tool img{display:block}.tool .arrow{position:absolute;right:20px;top:17px;font-size:20px;color:var(--muted)}.tool strong{font-size:18px;font-weight:500;margin-top:30px;line-height:1.45}.tool small{font-size:13px;margin-top:8px;line-height:1.4}.tool:hover{box-shadow:inset 0 0 0 1px var(--blue)}.prompt{margin-top:28px;background:var(--raised);border-radius:16px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}.prompt h3{font-size:18px}.prompt p{font-size:14px;color:var(--muted);margin-top:8px}.prompt .primary{width:196px;height:44px;flex-shrink:0}.recent{margin-top:38px}.recent .section-head{margin-bottom:26px}.recent-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:24px}.work{min-width:0}.media{width:100%;height:208px;object-fit:cover;border-radius:12px;display:block}.work h3{font-size:16px;font-weight:500;margin-top:16px}.work small{font-size:12px;display:block;margin-top:7px}.weekly{padding:20px 24px 22px;min-height:288px}.weekly h3{font-size:16px;font-weight:500}.weekly strong{display:block;font-size:32px;font-weight:600;margin-top:16px;line-height:1.4}.chart{height:113px;display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin:10px 0 26px;align-items:end}.bar-group{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:15px}.bar{background:var(--raised);width:100%;max-width:30px;border-radius:5px;display:block}.bar-0{height:24px}.bar-1{height:36px}.bar-2{height:21px}.bar-3{height:56px}.bar-4{height:41px}.bar-5{height:68px;background:var(--blue)}.bar-6{height:46px}.bar-group small{font-size:11px}.weekly .accent-link{font-size:14px}.dialogs{margin-top:34px}.dialogs h3{font-size:18px}.dialogs p{font-size:14px;color:var(--muted);margin-top:18px}.status-strip{display:flex;flex-wrap:wrap;gap:12px 30px;color:var(--muted);font-size:13px;padding:20px 0}.current-tools{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 28px}.current-tools .tool{height:130px}.current-tools .tool strong{margin-top:20px}.overview-current{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.large-number{display:block;font-size:36px;font-weight:600;margin:16px 0}.settings-list{margin-bottom:0}.settings-list>div{margin:18px 0}.settings-list dt{color:var(--muted);font-size:12px;margin-bottom:6px}.settings-list dd{margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-list button{font-size:12px}.recent-current{margin-top:32px}.recent-current h2{margin-bottom:20px}
.api-keys{margin-top:30px}.api-keys .section-head{margin-bottom:24px}.api-keys .primary{width:220px;height:48px}.keys{padding:18px 12px;min-height:230px}.key-head,.key-row{display:grid;grid-template-columns:1.05fr 1.1fr .85fr .9fr .8fr;gap:20px;align-items:center;padding:0 8px}.key-head{font-size:12px;color:var(--muted);margin-bottom:16px}.key-row{height:64px;border-radius:10px;font-size:13px;margin-bottom:12px}.key-row:nth-child(even){background:var(--raised)}.key-row b{font-weight:400;overflow-wrap:anywhere}.key-row code{font:13px Inter,sans-serif;overflow-wrap:anywhere}.key-row button{font-size:13px}.key-row.revoked{color:var(--muted)}.key-note{margin-top:32px;background:var(--raised);border-radius:12px;padding:18px 20px}.key-note p{font-size:14px}.key-note small{display:block;font-size:13px;margin-top:8px}.example{margin-top:38px}.example .section-head{margin-bottom:24px}.code-panel{padding:12px 20px;min-height:244px}.code-panel>div{display:flex;align-items:center;justify-content:space-between}.code-panel small{font-size:11px}.code-panel button{font-size:12px}.code-panel pre{font:14px/1.5 Inter,sans-serif;color:var(--purple);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.balance-panels{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.available{background:var(--raised);min-height:208px}.available strong{display:block;font-size:44px;font-weight:600;margin:14px 0 16px;line-height:1.4}.available .primary{min-width:240px;height:48px}.subscription h2{font-size:20px}.subscription p{font-size:14px;color:var(--muted);margin:20px 0 27px}.history-tabs{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px}.history-tabs>div{display:flex;gap:16px}.history-tabs button{height:48px}.history-tabs>span{background:var(--raised);padding:14px 30px;border-radius:12px}.period-total{margin-top:28px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:80px}.period-total>span{font-size:12px;color:var(--muted)}.period-total strong{display:block;font-size:24px;font-weight:600;color:var(--text);margin-top:6px}.period-total small{font-size:12px}.history-table{margin-top:28px;padding:18px 10px;min-height:316px}.history-head,.history-row{display:grid;grid-template-columns:.8fr 1fr 1.3fr 1.3fr .9fr;gap:16px;align-items:center;padding:0 10px;font-size:13px}.history-head{font-size:12px;color:var(--muted);margin-bottom:16px}.history-row{min-height:44px;margin-bottom:6px;color:var(--muted);border-radius:8px}.history-row:nth-child(even){background:var(--raised)}.history-row span:last-child{color:var(--text)}
.current-theme{font-size:14px;color:var(--muted);margin:35px 0 40px}.current-theme b{margin-left:30px;color:var(--text);font-weight:500}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:52px}.theme-card{display:block;padding:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;text-align:left;min-height:244px}.theme-card[aria-pressed=true]{border-color:var(--blue)}.mini-preview{background:var(--bg);display:grid;grid-template-columns:50px 1fr;height:128px;border-radius:12px;overflow:hidden}.mini-sidebar{background:var(--raised);padding:26px 10px}.mini-sidebar i{display:block;background:var(--line);width:22px;height:4px;border-radius:2px;margin-bottom:12px}.mini-sidebar i:first-child{background:var(--blue);width:28px}.mini-preview>div:last-child{padding:12px 16px}.mini-preview b{font-size:14px;font-weight:500}.mini-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}.mini-tools span{border-radius:8px;background:var(--panel);padding:12px;color:var(--purple);font-weight:400;font-size:18px}.theme-name{display:flex;justify-content:space-between;font-size:16px;font-weight:600;margin:14px 0 12px}.theme-name i{font-style:normal;color:var(--blue)}.theme-card>small{font-size:12px;font-weight:400}.theme-grid+.subtle{margin-bottom:35px}
.auth-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);min-height:1060px;padding:40px 120px 40px 40px;gap:128px;max-width:1600px;margin:auto;outline:none}.auth-art{position:relative;min-width:0;min-height:980px;border-radius:24px;overflow:hidden}.auth-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.auth-art>div{position:absolute;bottom:24px;left:24px;right:24px;padding:22px 24px 30px;border-radius:16px;background:var(--bg)}.auth-art h2{font-size:36px;line-height:1.45;font-weight:600}.auth-art p{font-size:16px;color:var(--muted);margin-top:20px}.auth-content{max-width:480px;padding-top:88px}.auth-content h1{font-size:36px;line-height:1.45;margin-top:80px}.auth-content .intro{font-size:16px;margin-top:14px}.auth-content form{margin-top:56px}.auth-content label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.auth-content input{width:100%;height:56px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:15px;font-size:15px}.auth-content .field-error{font-size:12px;color:var(--red);min-height:17px;margin:4px 0 10px}.auth-content input[aria-invalid=true]{border-color:var(--red)}.forgot-link{color:var(--blue);font-size:13px;display:block;margin-top:12px}.auth-content form>.primary{width:100%;height:48px;margin-top:36px}.auth-switch{font-size:14px;color:var(--muted);margin-top:36px}.auth-switch a:hover{text-decoration:underline}.auth-legal{font-size:12px;color:var(--muted);margin-top:78px;line-height:1.4}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;width:calc(100% - 32px);max-width:600px;padding:32px;overflow-wrap:anywhere}dialog::backdrop{background:#000a}dialog h2{font-size:24px;margin-bottom:20px;padding-right:24px}dialog p{font-size:14px;color:var(--muted);line-height:1.6}dialog .close{position:absolute;right:14px;top:12px;border:0;background:none;min-height:36px;padding:3px 10px;font-size:24px;font-weight:400}dialog label{font-size:13px;display:block;color:var(--muted);margin-bottom:12px}dialog input{border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:14px;width:100%;height:56px}dialog .actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:28px}.secret{padding:18px;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}#menu nav{display:grid;margin-top:30px;gap:8px}#menu nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:var(--muted)}#menu nav a[aria-current]{background:var(--raised);color:var(--text)}.menu-extra{display:flex;gap:20px;padding:20px 12px;font-size:13px;flex-wrap:wrap}#toast{position:fixed;bottom:24px;right:24px;z-index:30;max-width:calc(100vw - 48px);background:var(--raised);border:1px solid var(--blue);color:var(--text);padding:13px 20px;border-radius:12px;font-size:14px}#toast:empty{display:none}code{overflow-wrap:anywhere}
@media(max-width:1200px){.tool strong{font-size:16px}.tool small{font-size:12px}.prompt .primary{width:165px}.weekly strong{font-size:28px}.chart{gap:8px}.weekly{padding:20px}.recent-grid{gap:18px}.auth-layout{gap:7%}.auth-art h2{font-size:30px}.auth-layout{padding:28px}.auth-content{padding-top:60px}}
@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:8px}.sidebar>.brand{margin-left:6px}.brand{font-size:19px;gap:3px}.sidebar nav a{font-size:13px;gap:9px}.topbar{padding-inline:24px}.top-actions{gap:10px}.balance-chip{min-width:120px;font-size:14px}.top-actions>button{width:auto;font-size:13px}main:not(.auth-layout){padding-inline:24px}.tools{gap:12px}.tool{padding:16px}.tool strong{font-size:15px;margin-top:25px}.tool small{font-size:11px}.tool .arrow{right:13px}.prompt{padding:20px;gap:15px}.prompt h3{font-size:16px}.prompt p{font-size:12px}.prompt .primary{font-size:12px;width:140px}.recent-grid{grid-template-columns:1fr 1fr}.weekly{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.weekly .chart{grid-column:2;grid-row:1/4;margin:0}.weekly .accent-link{grid-column:1}.key-head,.key-row{gap:10px;grid-template-columns:1fr 1fr .8fr .8fr .7fr}.key-row,.key-row code{font-size:11px}.key-row button{font-size:11px}.key-head{font-size:10px}.history-tabs{align-items:start;flex-wrap:wrap}.balance-panels{gap:18px}.available strong{font-size:35px}.available .primary{min-width:0;width:100%}.history-head,.history-row{font-size:11px;gap:10px}.history-head{font-size:10px}.theme-grid{gap:18px}.theme-card{padding:13px}.mini-preview{grid-template-columns:35px 1fr}.mini-sidebar{padding-inline:6px}.mini-tools{gap:5px}.mini-tools span{padding:8px}.mini-preview>div:last-child{padding:12px 9px}}
@media(max-width:700px){.reviewbar{padding:7px 12px;gap:6px;flex-wrap:wrap;font-size:10px}.reviewbar>span{margin-left:auto;font-size:9px}.reviewbar>div{margin-left:0;width:100%;gap:7px}.reviewbar label{font-size:10px}.reviewbar select{min-width:0;flex:1;font-size:10px;padding:5px;max-width:180px}.layout{display:block;min-height:100vh;padding-bottom:80px}.sidebar{display:none}.topbar{height:64px;padding:8px 16px 8px 12px;gap:12px;justify-content:start;font-size:18px;font-weight:600}.hamburger{display:block;padding:12px;width:44px;height:48px;flex-shrink:0}.topbar>span{flex:1}.top-actions .balance-chip{width:126px;min-width:0;height:48px;display:flex;align-items:center;justify-content:center;font-size:14px;padding:10px}.top-actions>button{display:none}main:not(.auth-layout){padding:24px 20px 30px;max-width:none}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--panel);height:80px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px;gap:10px}.mobile-bottom a,.mobile-bottom button{background:none;display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:11px;line-height:16px;gap:6px;font-weight:400;padding:0;min-height:60px;border-radius:10px}.mobile-bottom span{font-size:24px;line-height:30px}.mobile-bottom .selected{color:var(--blue)}.mobile-bottom a:hover,.mobile-bottom button:hover{background:var(--raised)}h1{font-size:28px}.intro{font-size:14px;margin-top:16px}.overview-title .eyebrow{font-size:11px}.overview-title h1{font-size:32px;line-height:1.4;margin-top:20px;max-width:310px}.overview-title .intro{font-size:14px;line-height:1.45;margin-top:16px;max-width:350px}.tools{margin-top:34px;grid-template-columns:1fr 1fr;gap:12px}.tool{height:122px;padding:12px 16px;border-radius:14px}.desktop-icon,.tool .arrow,.tool small{display:none}.mobile-glyph{display:block;color:var(--purple);font-size:24px;line-height:35px}.tool:nth-child(2) .mobile-glyph{color:var(--blue)}.tool strong{font-size:15px;line-height:1.4;margin-top:17px;font-weight:500}.prompt{margin-top:30px;padding:16px;display:block;min-height:142px;border-radius:14px}.prompt h3{font-size:17px}.prompt p{font-size:14px;margin-top:12px;line-height:1.45}.prompt .primary{margin-top:12px;width:auto;min-height:20px;height:auto;padding:0;background:none;color:var(--blue);font-size:13px;font-weight:400;display:block}.recent{margin-top:34px}.recent .section-head{margin-bottom:18px}.recent .section-head h2{font-size:22px}.recent .section-head>a{display:none}.recent-grid{grid-template-columns:1fr;gap:28px}.media{height:180px}.second-work{display:none}.work h3{font-size:14px;margin-top:14px}.work small{font-size:12px;margin-top:5px}.weekly{display:flex;grid-column:auto;min-height:56px;padding:16px;justify-content:space-between;align-items:center;border-radius:12px}.weekly h3{font-size:13px;font-weight:400}.weekly strong{font-size:15px;font-weight:600;margin:0}.weekly .chart,.weekly>a,.dialogs{display:none}.status-strip{gap:8px 16px;font-size:12px;padding-top:16px}.current-tools{grid-template-columns:1fr 1fr;margin:20px 0}.current-tools .tool{height:105px}.current-tools .tool img{display:block}.current-tools .tool strong{margin-top:17px}.overview-current{grid-template-columns:1fr;gap:18px}.panel{padding:20px}.settings-list dd{flex-wrap:wrap}.settings-list code{font-size:12px}.large-number{font-size:32px}.recent-current h2{font-size:22px}.api-title{font-size:26px}.api-keys{margin-top:28px}.api-keys>.section-head{display:block}.api-keys>.section-head h2{display:none}.api-keys .primary{width:100%;height:48px}.api-keys>.section-head{margin-bottom:32px}.keys{background:none;border-radius:0;padding:0;min-height:0}.key-head{display:none}.key-row{display:flex;flex-direction:column;align-items:start;height:auto;min-height:200px;gap:8px;padding:20px 16px;border-radius:14px;background:var(--panel)!important;margin-bottom:24px;font-size:14px}.key-row b{font-size:18px;font-weight:500;margin-bottom:3px}.key-row code{font-size:13px;color:var(--muted);margin-bottom:9px}.key-created,.key-used{font-size:12px;color:var(--muted)}.key-created:before{content:'Создан: '}.key-used:before{content:'Использован: '}.key-row button{font-size:13px;margin-top:12px;min-height:32px}.mobile-only{display:inline}.key-note{margin-top:36px;padding:20px 16px;border-radius:14px}.key-note p{font-size:15px;font-weight:500}.key-note small{font-size:14px;line-height:1.45;margin-top:14px}.example{margin-top:36px}.example .section-head h2{font-size:20px}.example .accent-link{font-size:12px}.code-panel{padding:14px;min-height:0}.code-panel pre{font-size:12px}.code-panel button{font-size:11px;padding:8px 12px;min-height:36px}.balance-panels{grid-template-columns:1fr;margin-top:28px}.available strong{font-size:36px;margin:16px 0}.available{min-height:0}.available .primary{width:100%}.subscription{min-height:0}.subscription h2{font-size:20px}.subscription p{font-size:13px}.history-tabs{margin-top:28px;gap:18px}.history-tabs>div{gap:8px;width:100%}.history-tabs button{font-size:12px;flex:1;padding:12px}.history-tabs>span{font-size:12px;padding:10px 16px}.period-total{padding:16px;gap:14px;flex-wrap:wrap}.period-total strong{font-size:24px}.period-total small{font-size:11px}.history-table{padding:16px;min-height:150px}.history-head{display:none}.history-row{grid-template-columns:1fr 1fr;padding:14px;font-size:12px;gap:8px}.history-row span:last-child{grid-column:2;grid-row:1}.current-theme{margin:26px 0}.theme-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.theme-card{min-height:216px;padding:16px}.mini-preview{height:108px;grid-template-columns:50px 1fr}.mini-sidebar{padding:24px 10px}.mini-preview>div:last-child{padding:12px}.mini-tools{gap:8px}.mini-tools span{padding:10px}.theme-name{font-size:16px}.auth-layout{display:block;min-height:900px;padding:48px 20px 40px}.auth-art{display:none}.auth-content{padding:0;max-width:none}.auth-content .brand{font-size:26px;font-weight:600}.auth-content .brand-icon{display:none}.auth-content h1{font-size:30px;margin-top:86px}.auth-content .intro{font-size:14px;margin-top:16px}.auth-content form{margin-top:62px}.auth-content label{font-size:12px}.auth-content input{border:0;font-size:15px}.auth-content .field-error{margin-bottom:15px}.forgot-link{margin-top:14px;font-size:13px}.auth-content form>.primary{height:48px;margin-top:43px}.auth-switch{margin-top:42px;font-size:13px}.auth-legal{font-size:12px;margin-top:76px}dialog{padding:26px 20px;max-height:85vh;overflow:auto}dialog h2{font-size:22px}dialog .actions{gap:10px}dialog .actions button{font-size:13px}#toast{bottom:93px;right:16px;max-width:calc(100vw - 32px);font-size:13px}}
.mobile-copy{display:none}@media(max-width:700px){.desktop-copy{display:none}.mobile-copy{display:inline}}
@media(min-width:901px) and (max-width:1350px){.tool strong{font-size:16px;margin-top:20px;flex-shrink:0}.tool small{font-size:12px;margin-top:6px;flex-shrink:0}}

/* Live cabinet: only user capabilities; no prototype controls. */
[hidden]{display:none!important}#status{position:fixed;bottom:24px;right:24px;z-index:40;max-width:calc(100vw - 48px);background:var(--raised);border:1px solid var(--line);color:var(--text);padding:14px 20px;border-radius:12px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}#status:empty{display:none}#status.error,.form-error,.field-error{color:var(--red)}.auth-links{display:flex;gap:14px 20px;flex-wrap:wrap;margin-top:34px;font-size:13px;color:var(--muted)}.auth-links a:hover{color:var(--blue)}.auth-content form>.primary{margin-top:18px}.auth-content #auth-body>button{margin-top:30px;width:100%}.password-help{font-size:12px;color:var(--muted);margin-top:8px}.form-error{font-size:13px;line-height:1.5}.delivery-note{font-size:12px;color:var(--muted);margin-top:18px}.usage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:16px}.usage-metrics .large-number{font-size:32px}.token-stats{margin-top:24px}.token-stats p{margin:16px 0}.token-stats small{display:block;line-height:1.6}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:12px;color:var(--muted);font-weight:400}th,td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.request-id{font-size:11px;display:block;max-width:130px;overflow-wrap:anywhere}.account-settings{margin:30px 0}.account-settings p{margin-top:12px}.account-settings .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.appearance h2{margin-bottom:24px}.details-note{margin-top:24px;font-size:13px;color:var(--muted)}.details-note summary{cursor:pointer;color:var(--text);padding:12px 0}.details-note p{margin-top:12px;line-height:1.7}#period{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:13px}#menu .menu-extra button{padding:0;background:none;min-height:30px;font-size:13px;font-weight:400}.keys .empty{padding-block:40px}.billing-page .layout{margin:0}.billing-page main#main{background:var(--bg);width:auto}.billing-page .sidebar nav{font-size:14px}.billing-page .side-bottom{padding-top:70px}.billing-page .side-bottom>a{font-size:14px}.billing-page .brand{font-size:22px;color:var(--text)}.billing-page .brand span{display:inline;color:inherit;font-size:inherit}.billing-page .sidebar{border:0;border-radius:0}.billing-content>nav:first-child,.billing-content>header:first-of-type{display:none}.billing-content>section{background:var(--panel);border:0;border-radius:16px;padding:24px;margin:26px 0}.billing-content h1{font-size:34px;margin:0}.billing-content h2{font-size:22px;margin:0 0 16px}.billing-content h3{font-size:18px}.billing-content p{font-size:14px;color:var(--muted);margin:8px 0 16px}.billing-content .balances{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;background:none}.billing-content .balances article{background:var(--raised);border:0;border-radius:16px;padding:24px}.billing-content .balances strong{font-size:40px;font-weight:600;overflow-wrap:anywhere}.billing-content .balances small{letter-spacing:0;color:var(--muted)}.billing-content #notice{min-height:0}.billing-content #notice:empty{display:none}.billing-content button{margin:0;background:var(--raised);color:var(--text);min-height:44px;font-size:13px}.billing-content input,.billing-content select,.billing-content textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px}.billing-content .row{display:flex;gap:16px;flex-wrap:wrap;justify-content:start}.billing-content .section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.billing-content #checkout{margin-top:20px}.billing-content #checkout button{background:var(--blue);color:var(--on-accent)}.billing-content #usd{width:200px;flex:0 1 220px}.billing-content article.operation{border-color:var(--line)}.billing-content footer{font-size:12px;color:var(--muted);padding:0;margin-top:24px}.billing-page #main>h1{font-size:34px;margin-top:0}.billing-content #home-link{color:var(--blue)}.billing-page #main{margin:0}.billing-page .mobile-bottom{margin:0}.billing-page .topbar{padding-block:0}.billing-page a{color:inherit}
@media(max-width:700px){#status{bottom:94px;right:16px;max-width:calc(100vw - 32px);font-size:13px}.auth-page #status{bottom:16px}.usage-metrics{grid-template-columns:1fr;gap:16px}.usage-metrics .panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.usage-metrics .large-number{margin:0;font-size:28px}.usage-metrics p{width:100%;font-size:12px}.section-head #period{max-width:160px;font-size:12px}.appearance .theme-grid{margin-bottom:0}.billing-content .balances{grid-template-columns:1fr;gap:18px}.billing-content>section{padding:20px;margin:20px 0}.billing-content .balances{padding:0}.billing-content .balances strong{font-size:32px}.billing-content .row{display:flex;align-items:start}.billing-content #usd{flex:1 1 100%;width:100%}.billing-page .topbar{padding:8px 16px 8px 12px}.billing-page .mobile-bottom{padding:8px 12px}.billing-page main#main{padding:24px 20px 30px}.billing-page .sidebar{display:none}.billing-page .brand{font-size:22px}.billing-content .section-title{flex-wrap:wrap}.billing-content .row button{flex-shrink:1}.billing-content dd{margin-bottom:10px}.billing-content dl{display:block}.billing-content dt{margin-top:12px}.billing-page #main>h1{font-size:28px}}
.sidebar nav{align-items:stretch;justify-content:initial}.billing-content #notice{color:var(--muted)}.billing-content #notice:empty{display:none}.billing-content .section-title h2{margin-bottom:0}
.profile b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings p{overflow-wrap:anywhere}.settings-list dd{overflow-wrap:anywhere;min-width:0}

/* Supplied robots: frame the illustration above its original caption. */
.auth-art.robot-art{background:#faf7f0;display:flex;align-items:center;justify-content:center}.auth-art.robot-art>.robot-crop{position:relative;inset:auto;margin:0;padding:0;width:100%;aspect-ratio:1254 / 990;overflow:hidden;border-radius:0;background:none}.robot-crop>img{display:block;width:100%;height:auto;max-width:none}@media(max-width:700px){.auth-art.robot-art{display:none}}

.auth-content label.remember{display:flex;align-items:center;gap:10px;min-height:32px;margin:0 0 12px;color:var(--text);font-size:14px;cursor:pointer}.auth-content .remember input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--blue);border:1px solid var(--line)}

@media(min-width:701px){.layout{min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;min-height:0;overflow-y:auto}.side-bottom{padding-top:32px}}

/* Content must fit at its longest valid values, not only in empty accounts. */
.sidebar{overflow-x:hidden}.sidebar>*{min-width:0}.side-bottom{min-width:0;grid-template-columns:minmax(0,1fr)}.profile{min-width:0;max-width:100%;overflow:hidden}.profile b{width:100%}
.key-row{height:auto;min-height:64px;padding-block:14px}.key-row>*{min-width:0;overflow-wrap:anywhere}
.topbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{flex-shrink:0}.balance-chip{overflow-wrap:anywhere}
.side-bottom>a{height:auto;min-height:44px;padding-block:8px}
@media(min-width:701px) and (max-width:1000px){.key-head{display:none}.key-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:18px 16px;font-size:13px}.key-row b{grid-column:1/-1;font-size:15px}.key-row code{grid-column:1;grid-row:2;font-size:13px}.key-row .key-created{grid-column:1;grid-row:3}.key-row .key-used{grid-column:1;grid-row:4}.key-created:before{content:'Создан: '}.key-used:before{content:'Использован: '}.key-row button,.key-row>span:not(.key-created):not(.key-used){grid-column:2;grid-row:2/5;align-self:center}}
@media(max-width:700px){.topbar>span{flex:1 1 0}.section-head{flex-wrap:wrap}.section-head>*{min-width:0}.section-head #period{max-width:100%;margin-left:auto}.key-row{min-height:200px;padding-block:20px}.api-keys .section-head{display:block}}