:root{--bg: #f6f2ea;--bg-strong: #fffaf3;--panel: rgba(255, 252, 247, .82);--panel-border: rgba(89, 64, 36, .16);--text: #22180f;--muted: #6e5c4b;--accent: #b94d1d;--warning: #8f6a00;--error: #ab2d1f;color:var(--text);background:radial-gradient(circle at top left,rgba(234,178,112,.28),transparent 28%),radial-gradient(circle at top right,rgba(104,167,164,.18),transparent 32%),linear-gradient(180deg,#fff9f1,#f4eee2);font-family:IBM Plex Sans,Avenir Next,sans-serif}:root[data-theme=dark]{--bg: #141414;--bg-strong: #171b1f;--panel: rgba(25, 30, 35, .78);--panel-border: rgba(232, 216, 200, .12);--text: #f5eee4;--muted: #b8ab9d;--accent: #ff915d;--warning: #f0c45d;--error: #ff8b7b;background:radial-gradient(circle at top left,rgba(255,145,93,.18),transparent 22%),radial-gradient(circle at right center,rgba(88,165,154,.16),transparent 26%),linear-gradient(180deg,#16181b,#0f1012)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}.app-shell{min-height:100vh;padding:1.5rem}.topbar,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin:0}.topbar h1{font-size:clamp(1.8rem,4vw,3rem)}.toolbar{position:relative;z-index:30;margin-top:1.2rem;padding:1rem;border:1px solid var(--panel-border);border-radius:1rem;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toolbar label{display:grid;gap:.4rem;font-size:.92rem;color:var(--muted)}.samples-label{display:inline-flex;align-items:center;gap:.45rem}.sample-count{min-width:1.4rem;padding:.1rem .4rem;border-radius:999px;background:#b94d1d24;color:var(--accent);font-size:.78rem;line-height:1.2;text-align:center}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.65rem}select,button,textarea{font:inherit}select,.samples-trigger,.theme-toggle,.ghost-button{border-radius:.8rem;border:1px solid var(--panel-border);background:var(--bg-strong);color:var(--text);padding:.7rem .9rem}.theme-toggle,.ghost-button{cursor:pointer}.ghost-button:disabled,.settings-button:disabled{opacity:.55;cursor:not-allowed}.samples-dropdown{position:relative;min-width:15rem;width:100%}.samples-trigger{width:100%;min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;box-shadow:inset 0 0 0 1px transparent;cursor:pointer}.samples-trigger:after{content:"▾";color:var(--muted);font-size:.9rem}.samples-menu{position:absolute;top:calc(100% + .45rem);left:0;z-index:10;width:max(100%,min(22rem,80vw));display:grid;gap:.35rem;padding:.45rem;border:1px solid var(--panel-border);border-radius:.9rem;background:var(--bg-strong);box-shadow:0 1rem 2.4rem #0000002e}.samples-trigger[aria-expanded=true]{border-color:#b94d1d66;box-shadow:0 0 0 1px #b94d1d2e}.sample-empty{display:block;padding:.7rem .85rem;color:var(--muted);font-size:.92rem}.sample-menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--panel-border);background:var(--bg-strong);border-radius:.8rem}.sample-menu-item.active{border-color:#b94d1d66;box-shadow:0 0 0 1px #b94d1d2e}.sample-menu-select,.sample-menu-delete{border:0;background:transparent;color:var(--text);font:inherit}.sample-menu-select{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .85rem;text-align:left;cursor:pointer}.sample-menu-select span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-menu-delete{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--muted);border-left:1px solid var(--panel-border);cursor:pointer}.sample-menu-delete:hover,.sample-menu-delete:focus-visible,.sample-menu-select:hover,.sample-menu-select:focus-visible,.samples-trigger:hover,.samples-trigger:focus-visible{color:var(--text);outline:none}.sample-badge{padding:.15rem .45rem;border-radius:999px;background:#b94d1d24;color:var(--accent);font-size:.74rem;line-height:1.2}.status-pill{padding:.5rem .75rem;border-radius:999px;background:#ab2d1f1a;color:var(--error)}.status-pill.warning{background:#8f6a001f;color:var(--warning)}.workspace{position:relative;z-index:0;margin-top:1.2rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem}.panel{display:grid;gap:.75rem;align-content:start;padding:1rem;border-radius:1.2rem;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel.outputs{align-content:start}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.panel-header p{font-size:.85rem;color:var(--muted)}.panel-header.nested{margin-top:.4rem}.issue-list{display:grid;gap:.55rem;align-content:start;overflow:auto;max-height:14rem}.issue{display:grid;gap:.25rem;padding:.7rem;border-radius:.9rem;background:var(--bg-strong);border:1px solid transparent}.issue.error{border-color:#ab2d1f3d}.issue.warning{border-color:#8f6a003d}.empty-state{color:var(--muted)}.output-card{display:grid;gap:.6rem}.output-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.support-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.subpanel{display:grid;gap:.75rem;align-content:start;padding:.9rem;border-radius:1rem;border:1px solid var(--panel-border);background:#ffffff08}.subpanel:first-child{grid-column:1 / -1}.output-card-title{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.outputs-toolbar{display:flex;align-items:center;gap:.75rem}.outputs-settings{position:relative}.settings-button{width:2rem;height:2rem;padding:0;border-radius:.75rem;border:1px solid var(--panel-border);background:var(--bg-strong);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.settings-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:10;min-width:11rem;display:grid;gap:.45rem;padding:.75rem;border-radius:.9rem;border:1px solid var(--panel-border);background:var(--bg-strong);box-shadow:0 14px 34px #00000029}.settings-option{display:flex;align-items:center;gap:.55rem;color:var(--text)}.settings-option input{accent-color:var(--accent)}.help-bubble{width:1.7rem;height:1.7rem;padding:0;border-radius:999px;border:1px solid var(--panel-border);background:var(--bg-strong);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1;cursor:help}.help-bubble:hover,.help-bubble:focus-visible{color:var(--text);border-color:#b94d1d59;outline:none}.help-bubble-wrap{position:relative;display:inline-flex}.help-tooltip{position:absolute;left:50%;bottom:calc(100% + .55rem);z-index:20;width:min(22rem,70vw);padding:.7rem .8rem;border-radius:.8rem;border:1px solid var(--panel-border);background:var(--bg-strong);color:var(--text);box-shadow:0 14px 34px #0000002e;font-size:.84rem;font-weight:400;line-height:1.45;text-align:left;transform:translate(-50%,.2rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.help-bubble-wrap:hover .help-tooltip,.help-bubble-wrap:focus-within .help-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.monaco-host,.fallback-editor{height:var(--editor-height, 12rem);border-radius:.95rem;overflow:hidden;border:1px solid var(--panel-border)}.fallback-editor{width:100%;resize:vertical;padding:1rem;background:var(--bg-strong);color:var(--text)}.fallback-editor.wrap{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.panel{min-height:auto}.support-grid{grid-template-columns:1fr}.subpanel:first-child{grid-column:auto}}