/* Prototype layer over Form's style.css (copied unchanged). Black stage as on Spot, Form's panel. */
body{background:#000;color:var(--cp-text)}
#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px 352px 16px 16px}
#stage canvas{display:block;max-width:100%;max-height:100%}
@media not all and (min-width:901px) and (pointer:fine){#stage{padding:8px 8px calc(min(62vh,540px) + 8px)}}
body.nopanel #stage{padding:16px}
#panel select,#panel textarea{width:100%;font:inherit;color:var(--cp-text);background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:8px;padding:6px 8px}
#panel select:focus,#panel textarea:focus{outline:none;border-color:var(--cp-accent-line)}
#panel textarea{height:72px;resize:vertical;font-size:11px;margin-top:4px}
#panel label.tick{display:flex;gap:8px;align-items:center;color:var(--cp-text)}
#panel input[type=checkbox]{accent-color:var(--yellow)}
html.show-start #startOpen{position:static;width:112px;height:112px;overflow:visible;clip-path:none;opacity:1;border:1px solid #fff;border-radius:50%;background:none;color:#fff;font:inherit;font-style:italic;font-weight:300;font-size:14px;cursor:pointer}
html.show-start #startOpen:hover,html.show-start #startOpen:focus-visible{border-color:var(--yellow);color:var(--yellow);outline:none}
