.ai-studio-section{padding:56px 0;border-top:1px solid #8fa69e;border-bottom:1px solid #8fa69e;background:#e7f2ee;color:#18352a;scroll-margin-top:90px}
.studio-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.studio-heading,.studio-toolbar,.studio-actions,.studio-status-row,.studio-command-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.studio-heading{justify-content:space-between;margin-bottom:24px}
.studio-heading h2{font-size:28px;line-height:1.2;margin:0}
.studio-heading .icon-button,.studio-command-row .icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:8px}
.studio-heading .icon-button{border:1px solid #587078;border-radius:6px;background:#182b31;color:#eaf2ec;cursor:pointer}.studio-heading svg,.studio-command-row svg,.studio-actions svg,.studio-draft-link svg{width:18px;height:18px;flex:none}
.studio-toolbar{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #34454b}
.studio-tabs{display:flex;gap:4px;border-bottom:1px solid #4f6066}
.studio-tabs button{border:0;background:transparent;color:#aebfc2;padding:12px 16px;border-bottom:3px solid transparent;border-radius:0;font:inherit;font-weight:700;cursor:pointer}
.studio-tabs button[aria-selected=true]{border-bottom-color:#efcb5d;color:#f3f8ef}
.studio-status{font-size:13px;color:#b8c8ca;display:inline-flex;align-items:center;gap:8px}
.studio-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#869493;flex:none}
.studio-status[data-state=authorized]:before,.studio-status[data-state=active]:before{background:#70cc84}
.studio-status[data-state=error]:before{background:#f38888}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:24px}
.studio-panel h3{margin:0 0 16px;font-size:20px}
.studio-actions{margin-top:16px}
.studio-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;font-size:14px}
.studio-panel select,.studio-command-row input{background:#15272c;color:#eaf2ec;border:1px solid #587078;border-radius:6px;min-height:40px;padding:8px 10px;font:inherit;width:100%}
.studio-grant-field{max-width:400px;display:grid;gap:8px;margin-top:16px;font-size:13px}
.studio-secondary{border-left:1px solid #34454b;padding-left:28px}
.studio-drafts{padding:0;margin:0;list-style:none}
.studio-draft-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #34454b}
.studio-draft-row strong{font-size:14px;overflow-wrap:anywhere}
.studio-draft-row small{display:block;color:#b3c4c6;font-size:12px;margin-top:4px}
.studio-draft-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;color:#efcb5d}
.studio-empty,.studio-feedback{font-size:13px;color:#b5c7c7;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}
.studio-dialog{width:min(560px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #61757a;border-radius:8px;background:#0f1b20;color:#eef5ea;padding:24px;max-height:85vh;overflow:auto}
.studio-dialog::backdrop{background:#000a}
.studio-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.studio-dialog h2{font-size:22px;margin:0}.studio-dialog .icon-button{display:inline-flex;padding:8px;border:1px solid #586f75;border-radius:6px;background:#1b2c32;color:#edf5ea;cursor:pointer}
.studio-dialog .icon-button svg{width:18px;height:18px}.studio-dialog details{margin-top:20px}.studio-dialog summary{cursor:pointer;font-size:14px}
.studio-command-row{margin-top:12px}.studio-command-row label{width:100%;font-size:12px;color:#b5c7c7}.studio-command-row input{flex:1;min-width:0;font-size:12px;width:auto}.studio-dialog a{color:#efcb5d}.studio-dialog textarea{width:100%;box-sizing:border-box;min-height:140px;margin-top:16px;background:#15272c;color:#d3e1df;border:1px solid #526b71;border-radius:6px;padding:10px;resize:vertical}
.studio-connection-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #34454b;overflow-wrap:anywhere}.studio-connection-row small{display:block;font-size:12px;color:#b5c7c7;margin-top:4px}
.studio-game-toggle{position:fixed;right:18px;bottom:100px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #70877b;border-radius:6px;background:#142922e8;color:#eaf3e6;z-index:125;cursor:pointer}.studio-game-toggle svg{width:20px;height:20px}.studio-game-toggle[data-state=active]{background:#1d6337;color:#ecfff3}.studio-game-notice{position:fixed;right:18px;bottom:146px;max-width:280px;padding:10px;font:13px/1.4 system-ui;background:#0d1c18ed;color:#edf5ea;border:1px solid #5a7768;border-radius:6px;z-index:126}
[hidden]{display:none!important}
.ai-studio-section h2,.ai-studio-section h3{color:#18352a}.ai-studio-section .studio-status,.ai-studio-section .studio-grant-field,.ai-studio-section .studio-empty,.ai-studio-section .studio-feedback,.ai-studio-section .studio-draft-row small{color:#435c52}.ai-studio-section .studio-tabs button{color:#52675e}.ai-studio-section .studio-tabs button[aria-selected=true]{color:#18352a;border-bottom-color:#27834a}.ai-studio-section .studio-toolbar,.ai-studio-section .studio-secondary,.ai-studio-section .studio-draft-row{border-color:#9ab3a6}.ai-studio-section .studio-panel select{background:#fff;color:#18352a;border-color:#849f91}.ai-studio-section .studio-draft-link{color:#246943}.studio-dialog h2{color:#eef5ea}
@media(max-width:640px){.studio-inner{padding:0 16px}.ai-studio-section{padding:36px 0}.studio-heading h2{font-size:24px}.studio-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.studio-secondary{border-left:0;border-top:1px solid #34454b;padding-left:0;padding-top:20px}.studio-toolbar{align-items:flex-start}.studio-tabs button{padding:10px 12px;font-size:14px}.studio-actions .button{max-width:100%}.studio-dialog{padding:18px}}