.pc-work{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);align-items:start}.pc-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pc-frame{position:relative;width:fit-content;max-width:100%}#pc-canvas{display:block;max-width:100%;max-height:70vh;border-radius:var(--radius-sm)}.pc-hint{font-size:13px;color:var(--text-secondary);text-align:center}.pc-cells{position:absolute;top:0;right:0;bottom:0;left:0}.pc-cell{position:absolute;background:transparent;border:2px dashed transparent;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1}.pc-cell[data-filled=false]:before{content:"+"}.pc-cell:hover,.pc-cell.drag-over{border-color:var(--accent-1);background:#667eea26}.pc-cell:focus-visible{outline:2px solid var(--accent-1);outline-offset:-2px}.pc-controls{display:flex;flex-direction:column;gap:var(--space-4)}.pc-layouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.pc-layout{aspect-ratio:1;padding:6px;color:var(--text-secondary);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.pc-layout svg{width:100%;height:100%;display:block}.pc-layout[aria-pressed=true]{border-color:var(--accent-1);color:var(--text-accent);box-shadow:var(--shadow-glow)}.pc-color{flex:0 1 120px;min-width:100px}@media(max-width:760px){.pc-work{grid-template-columns:minmax(0,1fr)}}