.cn-customizer{--cn-border:#d9d9d9;--cn-text:#161616;--cn-muted:#666;--cn-accent:#111;background:#fff;color:var(--cn-text);padding:clamp(24px,4vw,56px) 20px}.cn-customizer__inner{max-width:1180px;margin:0 auto}.cn-customizer__intro{text-align:center;max-width:720px;margin:0 auto 28px}.cn-customizer__intro h2{margin:0 0 10px;font-size:clamp(26px,4vw,42px)}.cn-customizer__description{color:var(--cn-muted)}.cn-customizer__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:32px;align-items:start}.cn-customizer__stage-wrap{min-width:0}.cn-customizer__stage{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;border:1px solid var(--cn-border);border-radius:14px}.cn-customizer__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.cn-customizer__canvas:active{cursor:grabbing}.cn-customizer__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--cn-muted);pointer-events:none}.cn-customizer__hint{margin:10px 0 0;color:var(--cn-muted);font-size:13px}.cn-customizer__controls{display:grid;gap:16px}.cn-customizer__group{border:1px solid var(--cn-border);border-radius:12px;padding:18px}.cn-customizer__group h3{font-size:16px;margin:0 0 14px}.cn-customizer__row{display:flex;gap:10px;align-items:end}.cn-customizer__field{display:grid;gap:6px;flex:1;min-width:0}.cn-customizer__field span{font-size:12px;color:var(--cn-muted)}.cn-customizer__field input[type=text],.cn-customizer__field select{box-sizing:border-box;width:100%;height:42px;border:1px solid var(--cn-border);border-radius:7px;background:#fff;padding:0 10px;color:var(--cn-text)}.cn-customizer__field input[type=color]{width:48px;height:42px;padding:3px;border:1px solid var(--cn-border);border-radius:7px;background:#fff}.cn-customizer__field input[type=range]{width:100%;accent-color:var(--cn-accent)}.cn-customizer__field--wide{flex:2}.cn-customizer__field--color,.cn-customizer__field--rotation{flex:0 0 auto}.cn-customizer__field--rotation{min-width:105px}.cn-customizer__upload{display:flex;justify-content:center;align-items:center;min-height:44px;border:1px dashed #999;border-radius:8px;cursor:pointer;text-align:center;font-weight:600;margin-bottom:10px}.cn-customizer__upload input{position:absolute;width:1px;height:1px;opacity:0}.cn-customizer__button{min-height:42px;border:1px solid var(--cn-accent);border-radius:7px;padding:0 15px;background:var(--cn-accent);color:#fff;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.cn-customizer__button:hover{opacity:.85}.cn-customizer__button:disabled{opacity:.45;cursor:not-allowed}.cn-customizer__button--secondary{background:#fff;color:var(--cn-text);border-color:var(--cn-border)}.cn-customizer__button--danger{background:#fff;color:#a12424;border-color:#d9aaaa}.cn-customizer__actions{display:flex;gap:10px;justify-content:flex-end}.cn-customizer__actions .cn-customizer__button--primary{flex:1}.cn-customizer__status{min-height:20px;margin:0;color:var(--cn-muted);font-size:13px}.cn-customizer__status.is-error{color:#a12424}.cn-customizer [hidden]{display:none!important}@media(max-width:800px){.cn-customizer__layout{grid-template-columns:1fr}.cn-customizer__controls{order:2}.cn-customizer__row{flex-wrap:wrap}.cn-customizer__field--wide{flex-basis:100%}.cn-customizer__actions{position:sticky;bottom:10px;z-index:2;padding:8px;background:#fff;border:1px solid var(--cn-border);border-radius:10px}}