:root{color-scheme:dark;--bg: #0b0f17;--panel: #121826;--text: #e6eaf2;--muted: #9aa4b2;--accent: #22c55e;--accent-hover: #4ade80;--border: rgba(255, 255, 255, .08);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}html,body{height:100%;margin:0;background:var(--bg);color:var(--text)}a{color:inherit}a:hover{text-decoration:underline}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.brand{font-weight:700;letter-spacing:.2px;text-decoration:none}.nav{display:flex;gap:12px;font-size:14px;color:var(--muted)}.nav a{color:inherit;text-decoration:none}.nav a.active{color:var(--text)}.page{width:100%;max-width:980px;margin:0 auto;padding:56px 20px}.page--workshop{max-width:min(1560px,calc(100vw - 40px));padding-top:32px}.title{font-size:56px;margin:0;line-height:1.05;letter-spacing:-.02em}.subtitle{margin-top:12px;color:var(--muted);max-width:62ch;line-height:1.55;font-size:16px}.actions{margin-top:28px;display:flex;gap:12px}.ui-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:10px;background:var(--accent);border:1px solid rgba(255,255,255,.1);color:#052e16;font-weight:700;cursor:pointer;text-decoration:none}.ui-button:hover{background:var(--accent-hover);text-decoration:none}.ui-button:active{transform:translateY(1px)}.footer{border-top:1px solid var(--border);padding:16px 20px;color:var(--muted)}.footer-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.panel{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.controls input[type=range]{width:min(520px,100%)}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button-secondary{background:#ffffff0d;border:1px solid var(--border);color:var(--text)}.ui-button-secondary:hover{background:#ffffff14}.panel-title{font-weight:700;letter-spacing:.2px}.landing{display:flex;justify-content:center}.landing-card{width:100%;max-width:860px}.landing-features{background:#ffffff05}.workshop-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.workshop-title{font-size:34px;margin:0}.workshop-header-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.mini-field{display:flex;flex-direction:column;gap:6px}.mini-label{font-size:12px;color:var(--muted)}.mini-input{width:110px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#00000040;color:var(--text)}.workshop-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);gap:16px;align-items:start}.workshop-grid>.panel{min-width:0}.workshop-stage-column,.workshop-side-column{display:grid;gap:16px;min-width:0}.workshop-setup-panel{min-width:0}.workshop-setup-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.workshop-setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workshop-bot-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--border);background:#ffffff05;min-width:0}.workshop-bot-card-label{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.2px}.workshop-bot-card-title{font-size:18px;font-weight:700}.workshop-bot-card-subtitle{color:var(--muted);min-height:20px}.workshop-loadout-summary{display:flex;flex-wrap:wrap;gap:8px}.workshop-loadout-chip{display:inline-flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#0000002e;min-width:88px}.workshop-select{width:100%}.workshop-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workshop-analysis-card{min-width:0}@media (max-width: 1080px){.workshop-grid{grid-template-columns:minmax(0,1fr)}.workshop-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-analysis-grid{grid-template-columns:minmax(0,1fr)}.mini-input{width:140px}}@media (max-width: 720px){.page--workshop{max-width:100%;padding:24px 16px 48px}.workshop-setup-grid{grid-template-columns:minmax(0,1fr)}}.arena-wrap{width:100%;aspect-ratio:1 / 1;min-height:clamp(520px,68vh,980px)}.code-editor{margin-top:12px;width:100%;min-height:380px;resize:vertical;border-radius:12px;border:1px solid var(--border);background:#0000004d;color:var(--text);padding:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.code-editor-shell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0000004d}.code-editor-gutter{padding:12px 0;background:#ffffff0a;border-right:1px solid var(--border);min-width:52px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45;color:var(--muted)}.code-editor-line-number{padding:0 12px;text-align:right}.code-editor-line-number.active{background:#22c55e2e;color:var(--text);font-weight:700}.code-editor-textarea{margin-top:0;min-height:380px;border:0;border-radius:0;background:transparent}.code-editor-textarea:focus{outline:none}.tab-row{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer;font-weight:600}.tab.active{background:#22c55e2e;color:var(--text)}.chip{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);cursor:pointer;font-weight:700}.chip.active{background:#22c55e2e;color:var(--text)}.docs-pre{margin:0;padding:14px;border-radius:12px;border:1px solid var(--border);background:#00000059;overflow:auto;max-height:min(70vh,780px);line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;white-space:pre}