@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap";:root{--bg: #111;--border: #222;--text: #f0f0f0;--text-muted: #999;--accent: #fff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:IBM Plex Mono,monospace;color:var(--text);background:var(--bg);overflow:hidden;font-size:13px;line-height:1.5}.pc-layout{display:grid;grid-template-columns:360px 1fr;gap:0;min-height:100svh;height:100svh;width:100%;overflow:hidden}.pc-controls{display:flex;flex-direction:column;padding:0;background:var(--bg);border-right:2px solid var(--border);overflow:hidden;min-height:0}.pc-controls-header{padding:1.5rem 1.5rem 1rem;border-bottom:2px solid var(--border);flex-shrink:0}.pc-controls-header h1{margin:0 0 .5rem;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.pc-controls-header p{margin:0;color:var(--text-muted);font-size:12px}.pc-notice{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;font-size:12px;background:var(--border);color:var(--text);border-bottom:2px solid var(--border);flex-shrink:0}.pc-notice-success{background:#0a3d1a;color:#7addff}.pc-notice-error{background:#3d0a0a;color:#ff8a8a}.pc-notice-info{background:#0a1a3d;color:#6dafff}.pc-notice button{align-self:flex-start;padding:.25rem .5rem;font-family:inherit;font-size:11px;background:transparent;border:1px solid currentColor;color:inherit;cursor:pointer;transition:all .1s linear}.pc-notice button:hover{background:#ffffff1a}.pc-controls-content{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.pc-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--border)}.pc-row>div{padding:1rem 1.5rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.pc-row>div:last-child{border-right:none}.pc-col{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.pc-col:last-child{border-bottom:none}.pc-label{display:flex;flex-direction:column;gap:.4rem;font-size:12px;color:var(--text-muted)}.pc-label span:first-child{color:var(--text);font-weight:600}.pc-label-value{font-size:11px;color:var(--text-muted)}.pc-inline-group{display:flex;gap:.5rem}.pc-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}input[type=file],input[type=url],input[type=range],select,button,input[type=color]{font:inherit;font-size:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:.4rem .6rem;cursor:pointer;transition:all .1s linear}input[type=file]{display:none}button,input[type=url],select{flex:1}button{text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:11px;border:2px solid var(--text);padding:.5rem .8rem}button:hover:not(:disabled){background:var(--text);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}input[type=url],select{border:1px solid var(--border)}input[type=url]:focus,select:focus,input[type=range]:focus{outline:none;border-color:var(--text)}input[type=range]{padding:0;accent-color:var(--text)}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--text)}input[type=color]{width:40px;height:36px;padding:2px;cursor:pointer}.pc-stage-panel{position:relative;overflow:hidden;background:var(--bg);min-height:0}.pc-stage{width:100%;height:100%;position:relative}.pc-canvas{width:100%;height:100%;display:block;pointer-events:none}.pc-stage-badge{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.3rem;z-index:10}.pc-stage-badge span{padding:.25rem .5rem;border:1px solid var(--text-muted);color:var(--text-muted);background:transparent;font-size:11px;font-family:inherit;letter-spacing:.05em;text-transform:uppercase}.pc-stage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:5}.pc-stage-title{text-align:center;font-family:IBM Plex Mono,monospace}.pc-stage-title h2{margin:0;font-size:4.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;line-height:1}.pc-stage-title h3{margin:.5rem 0 0;font-size:1.25rem;font-weight:600;letter-spacing:.1em;color:#f0f0f0;line-height:1}@media (max-width: 768px){.pc-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pc-controls{border-right:none;border-bottom:2px solid var(--border);max-height:50%;order:2;min-height:0}.pc-stage-panel{order:1}.pc-row{grid-template-columns:1fr}.pc-row>div{border-right:none}}