:root{--bg:#fffdf4;--bg2:#fff;--bg3:#fff2f5;--fg:#422335;--dim:#795866;--acc:#b52d55;--acc-dim:#9a2447;--amber:#b52d55;--border:#ead4dc;--accent-ink:#fff;--hover-fg:#fff;--accent-soft:#ec4c7812;--stage-glow:#ec4c7808;--scanline-opacity:0;--accent-shadow:#ec4c7825;--canvas-bg:#f2e600;--canvas-fg:#ec4c78;--canvas-grid:#ec4c782b}
#topbar{background:#f2e600;padding:15px 20px;gap:20px;border-bottom:0}#runner-brand strong{color:#ec4c78}#hub-link{color:#422335}.tab{border-radius:10px;border-color:transparent;color:#68404d;padding:9px 14px}.tab.active{background:#fffdf4;color:#a0274c;box-shadow:0 3px 8px #948c0020;border-color:transparent}.panel{width:290px;padding:20px;border-right-color:#ead4dc}.ctl-group{margin-bottom:23px}.ctl-group h3{font-weight:600;font-size:11px;letter-spacing:.08em}.btn,.seg button,select,input[type=text],textarea{border-radius:8px}.seg{gap:5px}.seg button{padding:8px}.btn{padding:9px 12px}.stage-bar{padding:12px 18px;background:#fffdf4}.stage-scroll{padding:26px}.top-readme{border-radius:8px;padding:9px}.readme-close{border-radius:8px}#dropzone{border-radius:14px;background:#fff8fa;border-style:dashed;padding:18px 10px}#dropzone:hover{background:#fff0f4}.dz-icon{color:#ec4c78}.panel input[type=range]{accent-color:#ec4c78}.tabpage.active{min-height:0}#statusline{font-size:10px}.stage-scroll pre{color:#a52b50}.readme-card{border-radius:18px}@media(max-width:900px){#topbar{flex-wrap:wrap;gap:12px}#tabs{order:5;flex-basis:100%}.tab{flex:1}.panel{width:250px;padding:15px}}@media(max-width:600px){body{height:auto;min-height:100dvh;overflow:auto}.tabpage.active{display:flex;flex-direction:column}.panel{width:100%;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.stage{min-height:350px}.stage-scroll{min-height:280px;max-height:70vh;padding:15px}#topbar{padding:14px}#runner-brand strong{font-size:16px}#statusline{display:none}#tabs{overflow:auto}.tab{padding:9px 8px;font-size:11px}}