@font-face{font-family:Inter;src:url("/studio/asset-55WT6UWF.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url("/studio/asset-R6Y2SZCR.woff2") format("woff2");font-weight:600;font-display:swap}:root{color-scheme:dark;--page: #080d11;--panel: #0c151b;--line: #293b43;--text: #eaf4f1;--muted: #a0b4bd;--accent: #68ebd7;font:400 16px/1.5 Inter,system-ui,sans-serif;background:var(--page);color:var(--text)}*{box-sizing:border-box}body{margin:0}.brand{border-bottom:1px solid var(--line)}.brand-inner,.skills-workspace{max-width:1240px;margin-inline:auto;padding-inline:clamp(18px,4vw,56px)}.brand-inner{min-height:68px;display:flex;align-items:center;gap:12px;font-weight:600}.brand img{display:block}.skills-workspace{padding-block:clamp(26px,5vw,60px) 72px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.055em;margin-bottom:28px}h2{font-size:1.2rem;line-height:1.25;letter-spacing:-.025em}.prompt-layout{display:grid;align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}.workspace-panel{min-width:0;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:14px;background:var(--panel)}.preview-panel,.skills-fields{display:grid;gap:16px}.preview-panel p{color:var(--muted);font-size:.875rem}.section-title p{margin-top:9px}.skills-fields{margin:0;padding:0;border:0;min-width:0}.skills-operations{grid-column:1/-1}label{display:grid;gap:7px;font-size:.83rem;font-weight:600}input,select,textarea,button{font:inherit}select,textarea,input{width:100%;min-width:0;padding:10px 12px;border-radius:7px;border:1px solid #3a5058;color:var(--text);background:var(--page);font-size:.875rem;font-weight:400}textarea{resize:vertical}button{width:fit-content;padding:10px 15px;border:1px solid #3a5058;border-radius:7px;cursor:pointer;font-size:.85rem;font-weight:600}.primary-button{background:var(--accent);border-color:var(--accent);color:var(--page)}.ghost-button{background:transparent;color:var(--text)}button:hover:enabled{border-color:var(--accent)}.primary-button:hover:enabled{background:#98f5e7}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;font-size:.8rem}td,th{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}td,code,summary,pre{overflow-wrap:anywhere}summary{cursor:pointer;font-size:.88rem}details[open]>summary{margin-bottom:8px}details details{margin:7px 0 7px 12px}textarea,pre,code{font-family:ui-monospace,Consolas,monospace}pre{margin:0;padding:14px;max-height:34rem;overflow:auto;white-space:pre-wrap;background:var(--page);font-size:.8rem;border-radius:7px}.preview-panel p[role=alert]{color:#ffb5a7}@media(max-width:760px){.prompt-layout{grid-template-columns:1fr}}
