.sc-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
@media (max-width:860px){.sc-tool{grid-template-columns:1fr}}
.sc-stage-wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#1b1f27;touch-action:none;user-select:none;-webkit-user-select:none}
.sc-stage{display:block;width:100%;cursor:grab;touch-action:none}
.sc-stage.drag{cursor:grabbing}
.sc-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;color:#e5e7eb;cursor:pointer;border:2px dashed rgba(255,255,255,.25);border-radius:14px;margin:10px}
.sc-empty.drag{border-color:#4da3ff;background:rgba(77,163,255,.12)}
.sc-empty b{font-size:17px}
.sc-empty span{font-size:13px;opacity:.8}
.sc-empty .btn{color:#0b1220}
.sc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.sc-bar .btn{padding:8px 12px;font-size:13px}
.sc-side .ctl-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 6px}
.sc-side .ctl-label:first-child{margin-top:0}
.sc-chips{display:flex;flex-wrap:wrap;gap:6px}
.sc-chips button{padding:7px 11px;border-radius:999px;border:1px solid rgba(127,127,127,.3);background:var(--canvas);color:var(--ink);font:inherit;font-weight:700;font-size:13px;cursor:pointer;line-height:1.2}
.sc-chips button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}
.sc-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sc-row input[type=range]{flex:1;min-width:120px;accent-color:var(--brand)}
.sc-row input[type=number],.sc-row select{width:92px;padding:8px 10px;border-radius:10px;border:1px solid rgba(127,127,127,.3);background:var(--canvas);color:var(--ink);font:inherit;font-size:14px}
.sc-row select{width:auto;flex:1}
.sc-row input[type=color]{width:40px;height:34px;border:1px solid rgba(127,127,127,.3);border-radius:8px;padding:2px;background:var(--canvas)}
.sc-val{font-size:12px;font-weight:700;color:var(--muted);min-width:44px;text-align:right}
.sc-dl{width:100%;margin-top:14px;font-size:16px;padding:13px 16px}
.sc-result{display:flex;gap:12px;align-items:center;margin-top:12px}
.sc-result canvas{width:96px;height:96px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#fff}
.sc-meta{font-size:12px;color:var(--muted);line-height:1.5}
.sc-hide{display:none!important}
.sc-note{font-size:12px;color:var(--muted);margin:8px 0 0}
.sc-file{font-size:12px;color:var(--muted);margin-top:6px;word-break:break-all}