.spc-app{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:1.5rem auto;font-family:inherit}
@media (max-width:640px){.spc-app{grid-template-columns:1fr}}
.spc-label{display:block;font-size:13px;font-weight:600;margin:16px 0 8px;opacity:.75}
.spc-controls .spc-label:first-child{margin-top:0}
.spc-muted{opacity:.6;font-weight:400}
.spc-catrow,.spc-bgrow{display:flex;flex-wrap:wrap;gap:8px}
.spc-chip{padding:6px 14px;font-size:13px;border:1px solid rgba(0,0,0,.15);background:transparent;border-radius:999px;cursor:pointer;line-height:1.4}
.spc-chip.is-active{background:#534AB7;color:#fff;border-color:#534AB7}
.spc-deck{display:flex;align-items:stretch;gap:8px}
.spc-card-text{flex:1;min-height:110px;display:flex;align-items:center;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.04);font-size:16px;line-height:1.6}
.spc-nav{flex:0 0 auto;width:44px;font-size:22px;border:1px solid rgba(0,0,0,.15);background:transparent;border-radius:10px;cursor:pointer}
.spc-nav:hover{background:rgba(0,0,0,.05)}
.spc-hint{font-size:12px;opacity:.55;text-align:center;margin:8px 0 0}
.spc-select{width:100%;padding:9px 12px;border:1px solid rgba(0,0,0,.15);border-radius:10px;font-size:14px;background:#fff}
.spc-download{width:100%;margin-top:18px;padding:12px;font-size:15px;font-weight:600;color:#fff;background:#534AB7;border:none;border-radius:10px;cursor:pointer}
.spc-download:hover{background:#433c99}
.spc-preview canvas{width:100%;max-width:380px;border-radius:14px;display:block;touch-action:pan-y;box-shadow:0 2px 10px rgba(0,0,0,.12)}