.studio-root{font-family:Barlow,system-ui,sans-serif;color:var(--sky-text);max-width:100%;min-width:0}.studio-root *{box-sizing:border-box}.studio-root h2{font:700 34px/1.1 'Barlow Condensed',sans-serif;margin:10px 0}.studio-root h3{font-size:20px;margin:8px 0}.studio-eyebrow{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-muted)}.studio-intro{max-width:65ch;line-height:1.6;color:var(--sky-muted)}.studio-muted{font-size:13px;line-height:1.6;color:var(--sky-muted);overflow-wrap:anywhere}.studio-root label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--sky-muted);min-width:0}.studio-root input,.studio-root select,.studio-root textarea,.studio-root button{font:inherit;max-width:100%;min-height:44px;border:1px solid var(--sky-border);border-radius:10px;padding:10px 12px;color:var(--sky-text);background:var(--sky-panel)}.studio-root input,.studio-root textarea,.studio-root select{width:100%}.studio-root textarea{resize:vertical}.studio-root button{cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.studio-root button:hover{background:var(--sky-hover)}.studio-root button:active{transform:scale(.98)}.studio-root button:disabled{opacity:.5;cursor:default}.studio-root :focus-visible{outline:2px solid rgb(var(--accent-rgb,47,211,122));outline-offset:3px}.studio-toolbar{display:grid;grid-template-columns:2fr 1.3fr auto;align-items:end;gap:12px;margin:22px 0}.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.studio-actions>label{flex:1;min-width:180px}.studio-actions>span{font-size:12px;color:var(--sky-muted)}.studio-collection{border:1px solid var(--sky-border);border-radius:14px;margin:12px 0;overflow:hidden;background:var(--sky-panel)}.studio-collection summary{cursor:pointer;min-height:65px;padding:18px 20px;list-style:inside}.studio-collection summary>div{display:inline-flex;justify-content:space-between;gap:12px;width:calc(100% - 28px);vertical-align:middle}.studio-collection summary strong{font-size:18px}.studio-collection summary span{font:12px/1.8 'IBM Plex Mono',monospace;color:var(--sky-muted);white-space:nowrap}.studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;padding:0 16px 16px}.studio-tile{border:1px solid var(--sky-border);border-radius:10px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:var(--sky-surface)}#up-panel .studio-tile>button:first-child{border:0;background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex:1;min-height:126px}.studio-tile small{font:11px/1 'IBM Plex Mono',monospace;color:rgb(var(--accent-rgb,47,211,122))}.studio-tile strong{font-size:17px;line-height:1.2}.studio-tile span{font-size:13px;color:var(--sky-muted);line-height:1.5}.studio-tile .studio-pin{margin-top:10px;font-size:12px;padding:6px 9px;min-height:36px}.studio-pin[aria-pressed=true]{border-color:rgb(var(--accent-rgb,47,211,122))}.studio-card{padding:18px;border:1px solid var(--sky-border);border-radius:14px;margin:16px 0;background:var(--sky-panel);overflow-wrap:anywhere}.studio-card p{line-height:1.6;white-space:pre-wrap}.studio-status{font-size:13px;min-height:1.5em;color:rgb(var(--accent-rgb,47,211,122));overflow-wrap:anywhere}.studio-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;align-items:end;margin:20px 0}.studio-form .studio-wide{grid-column:1/-1}.studio-primary{border-color:rgb(var(--accent-rgb,47,211,122))!important}.studio-result{margin:18px 0}.studio-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--sky-border);border-radius:10px}.studio-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.studio-table-wrap th,.studio-table-wrap td{text-align:left;border-bottom:1px solid var(--sky-border);padding:11px 13px}.studio-table-wrap th{font-size:12px;color:var(--sky-muted);font-weight:500;background:var(--sky-panel)}.studio-table-wrap tr:last-child td{border-bottom:0}.studio-heat{background:rgba(var(--accent-rgb,47,211,122),var(--heat,.1))}.studio-sketch{width:100%;height:auto;max-height:260px;background:var(--sky-panel);border:1px solid var(--sky-border);border-radius:12px}.studio-sketch path{fill:none;stroke:rgb(var(--accent-rgb,47,211,122));stroke-width:2;vector-effect:non-scaling-stroke}.studio-sketch circle{fill:var(--sky-text);stroke:var(--sky-panel);stroke-width:2}.studio-quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;margin:20px 0}.studio-quiz-options button{text-align:left}.studio-correct{border-color:rgb(var(--accent-rgb,47,211,122))!important;opacity:1!important}.studio-root [hidden]{display:none!important}#up-panel .studio-root input,#up-panel .studio-root select,#up-panel .studio-root textarea,#up-panel .studio-root button{background:var(--sky-panel);color:var(--sky-text);border-radius:10px;min-height:44px}#up-panel .studio-tile>button:first-child{background:transparent;border:0;min-height:126px}#up-panel .studio-tile .studio-pin{min-height:36px}.studio-root .studio-status:empty{display:none}@media(min-width:1024px){#up-panel[data-page=studio]{max-width:1100px}#up-panel[data-page^=studio-]{max-width:1000px}}@media(max-width:600px){.studio-toolbar{grid-template-columns:1fr 1fr;gap:10px}.studio-toolbar>label:first-child{grid-column:1/-1}.studio-toolbar>button{height:44px}.studio-root h2{font-size:28px}.studio-collection summary{padding:16px 12px}.studio-grid{padding:0 10px 10px}.studio-card{padding:14px}.studio-actions>button{flex:1;min-width:130px}.studio-table-wrap th,.studio-table-wrap td{padding:10px}.studio-form{grid-template-columns:1fr 1fr}.studio-form>label:has(textarea){grid-column:1/-1}.studio-form>label{min-width:0}.studio-form>button{grid-column:1/-1}.studio-actions>label{min-width:100%}.studio-records .studio-card{margin:10px 0}.studio-tile>button:first-child{min-height:100px}}@media(max-width:360px){.studio-form,.studio-toolbar{grid-template-columns:1fr}.studio-toolbar>label:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){.studio-root button{transition:none}.studio-root button:active{transform:none}}

#up-panel[data-page^="studio"]>nav{display:none}.studio-collection summary{list-style:none}.studio-collection summary::marker{display:none;content:""}.studio-collection summary::-webkit-details-marker{display:none}.studio-collection summary::before{content:"›";display:inline-block;width:22px;color:var(--sky-muted);font-size:20px;transition:transform .15s}.studio-collection[open] summary::before{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.studio-collection summary::before{transition:none}}