@import url('/studio/studio.css');
.subtitle{font-size:14px;color:var(--muted);margin:12px 0 0}.stage{background:#e4e7d6;height:clamp(480px,49vw,650px)}.stage-caption{position:absolute;top:17px;left:19px;font-size:12px;letter-spacing:.02em;color:#667451;pointer-events:none}.spark-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:51px;background:#dfea9b;color:#233b2d;border:1px solid #a3b46b;border-radius:6px;font-weight:600;font-size:15px;box-shadow:inset 0 1px #f6fbd7}.spark-button span{font-size:25px;font-weight:400;line-height:1}.spark-button:hover{background:#e9f2b8}.spark-button:active{transform:translateY(1px)}#spark-caption{margin:8px 0 16px;min-height:18px}.selection{padding-bottom:9px}.turn-row,.preset-row{display:grid;grid-template-columns:1fr 1fr .85fr;gap:7px}.turn-row button{padding:9px 8px;font-size:13px}.starting-points{border-top:1px solid var(--line);padding:13px 0;margin-top:2px}.starting-points summary{font-size:13px;color:var(--muted);cursor:pointer}.starting-points .micro{line-height:1.5;margin-bottom:12px}.preset-row{grid-template-columns:repeat(3,1fr)}.preset-row button{padding:8px;font-size:13px}.explore-row{padding-top:13px}#detach{margin-top:5px;min-height:35px}#selected-state{line-height:1.5;min-height:18px;margin-bottom:12px}.framing .fields{margin-top:10px}#status{min-height:24px}.stage canvas{outline-offset:-4px}.stage:has(canvas:focus-visible){outline:3px solid #6e873a;outline-offset:3px}
@media(max-width:1100px){.stage{height:565px}.workbench{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:760px){.stage{height:clamp(330px,84vw,440px)}.workbench{grid-template-columns:1fr}.spark-button,#spark-caption,.starting-points{grid-column:1/-1}.spark-button{min-height:49px}.stage-caption{font-size:11px;top:13px;left:13px}.controls{column-gap:16px}.subtitle{font-size:13px;margin-top:10px}.selection{padding-top:13px}.turn-row button{font-size:14px}.starting-points{padding:12px 0}.framing .fields label{font-size:14px}.framing .fields>div:last-child:nth-child(3){grid-column:1/-1}}

.connect-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.connect-row button{font-size:13px;padding:9px 8px}#detach{margin:0;min-height:44px}