@font-face{font-family:InterCodeBin;src:url('/webfonts/inter-variable.woff2?v=693b77d4f32ee9b8') format('woff2');font-weight:100 900;font-display:swap}
:root{--cb-radius:12px;--cb-gap:16px;--cb-surface:var(--bg-surface,#222);--cb-border:var(--border-color,#3b3b3b);--cb-text:var(--text-primary,#f1f1f1);--cb-muted:var(--text-secondary,#b5b5b5);--cb-accent:var(--accent-yellow,#fdb913);--cb-focus:#7db8ff}
.ai-studio-layout,.ai-admin-settings,.chat-container{font-family:InterCodeBin,system-ui,sans-serif}
.cb-stack{display:grid;gap:var(--cb-gap)}.cb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--cb-gap)}.cb-card{min-width:0;padding:20px;border:1px solid var(--cb-border);border-radius:var(--cb-radius);background:var(--cb-surface);color:var(--cb-text)}.cb-card h2,.cb-card h3{margin:0 0 12px}.cb-muted{color:var(--cb-muted)}.cb-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--cb-border);border-radius:10px;background:#292929;color:#f5f5f5;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;white-space:normal;text-align:center;line-height:1.4}.cb-button-primary{background:var(--cb-accent);color:#141414;border-color:transparent}.cb-button-danger{color:#ffb4b4;border-color:#a44848}.cb-button:disabled{opacity:.55;cursor:not-allowed}.cb-button:hover:not(:disabled){filter:brightness(1.12)}.cb-button:focus-visible,.cb-card :is(input,select,textarea,summary,a,button):focus-visible{outline:3px solid var(--cb-focus);outline-offset:3px}.cb-field{display:grid;gap:7px;min-width:0;font-weight:600}.cb-field :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--cb-border);border-radius:9px;background:#171717;color:#f2f2f2;font:inherit}.cb-field textarea{min-height:120px;resize:vertical}.cb-note{padding:12px 16px;border:1px solid var(--cb-border);border-left:3px solid var(--cb-accent);border-radius:9px;line-height:1.6}.cb-error{border-color:#a44848;color:#ffb4b4}.cb-empty{padding:24px;text-align:center;color:var(--cb-muted);border:1px dashed var(--cb-border);border-radius:var(--cb-radius)}.cb-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--cb-border);border-radius:16px;background:#1d1d1d;color:#eee}.cb-dialog::backdrop{background:#000b}.cb-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cb-dialog-header h2{margin:0}.cb-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border:1px solid var(--cb-border);border-radius:10px;background:#121212;color:#ddd;font:14px/1.65 ui-monospace,monospace}.cb-table-scroll{overflow:auto;max-width:100%}.cb-table-scroll table{width:100%;border-collapse:collapse}.cb-table-scroll :is(th,td){padding:12px;text-align:left;border-bottom:1px solid var(--cb-border)}.cb-badge{display:inline-block;border:1px solid var(--cb-border);border-radius:20px;padding:4px 10px;font-size:.85em}.cb-status[aria-busy=true]::before{content:'◌ ';color:var(--cb-accent)}[hidden]{display:none!important}
:where(.workspace-page) :is(.workspace-button,.workspace-card button,.workspace-card input:not([type=checkbox]):not([type=radio]),.workspace-card select){min-height:44px;box-sizing:border-box}:where(.workspace-page) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--cb-focus);outline-offset:3px}
.workspace-page .cb-button{background:#292929;color:#f3f3f3;border:1px solid var(--cb-border)}.workspace-page .cb-button-primary{background:var(--cb-accent);color:#141414;border-color:transparent}.workspace-page .cb-button-danger{background:#302020;color:#ffb4b4;border-color:#a44848}
.cb-button{--cb-button-bg:#292929;--cb-button-text:#f3f3f3;--cb-button-border:var(--cb-border);background:var(--cb-button-bg);color:var(--cb-button-text)}.cb-button-primary{--cb-button-bg:var(--cb-accent);--cb-button-text:#141414;--cb-button-border:transparent}.cb-button-danger{--cb-button-bg:#302020;--cb-button-text:#ffb4b4;--cb-button-border:#a44848}
:is(.workspace-page,.admin-page) .cb-button,:is(.workspace-page,.admin-page) .cb-button:is(:hover,:focus-visible,:active,:disabled){background:var(--cb-button-bg);color:var(--cb-button-text);border-color:var(--cb-button-border)}
.workspace-page .cb-field{display:grid;gap:7px;margin:0}.workspace-page .cb-field :is(input,select,textarea){margin-top:0;font-family:inherit}.workspace-page .ai-check{display:flex;margin:0;font-weight:400}.workspace-page .cb-button{margin:0;font-family:inherit}
:where(.btn,.workspace-button,.ac-button,.academy-start-button){box-sizing:border-box;min-height:44px;max-width:100%;line-height:1.4;white-space:normal;overflow-wrap:anywhere}:where(.form-control){box-sizing:border-box;max-width:100%;min-height:44px}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--cb-focus);outline-offset:3px}
@media(max-width:700px){.cb-card{padding:16px}.cb-field :is(input,textarea,select){font-size:16px}.cb-toolbar>.cb-button{flex:1 1 auto}.cb-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.cb-table-scroll{overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.cb-button{transition:none}.cb-status[aria-busy=true]::before{animation:none}}
