*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,Arial,sans-serif;background:#0f1116;color:#eef1f6}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #242934;background:#11151d;position:sticky;top:0;z-index:20}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;background:#2b6df8;color:#fff;border-radius:8px;font-weight:800}.badge{margin-left:10px;padding:4px 8px;font-size:11px;border-radius:999px;background:#1e2635;color:#8fb3ff}.model-name{color:#9eb5d7;font-weight:700}.app-shell{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 60px)}.sidebar{padding:16px;background:#121722;border-right:1px solid #242934;overflow:auto}.sidebar section{padding:14px 0;border-bottom:1px solid #202634}.sidebar h2{font-size:15px;margin:0 0 10px}.notice,.empty,.hint,.preview-help{color:#a9b3c7}.model-chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#1e2635;color:#fff;font-weight:700}.swatches{display:flex;gap:10px}.swatch{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #2a3347;background:#171d2a;color:#eef1f6;border-radius:12px;cursor:pointer}.swatch.active{outline:2px solid #2b6df8}.swatch i{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #59647e}.swatch i.white{background:#fff}.swatch i.black{background:#151515}.part-list,.layer-list{display:grid;gap:8px}.part-button,.layer-button{padding:10px 12px;border:1px solid #2a3347;background:#171d2a;border-radius:12px;color:#eef1f6;text-align:left;cursor:pointer}.part-button.active,.layer-button.active{background:#20314e;border-color:#386adf}.section-head{display:flex;justify-content:space-between;align-items:center}.small-primary,.secondary,.danger{border:0;border-radius:10px;padding:10px 12px;cursor:pointer}.small-primary{background:#2b6df8;color:#fff}.secondary{background:#1e2635;color:#fff}.danger{background:#732636;color:#fff;margin-top:10px}.full{width:100%;margin-top:18px}.workspace{display:flex;flex-direction:column;min-width:0}.workspace-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #242934;background:#11151d}.tabs{display:flex;gap:8px}.tabs button{padding:10px 14px;border-radius:999px;border:1px solid #2a3347;background:#171d2a;color:#eef1f6;cursor:pointer}.tabs button.active{background:#2b6df8;border-color:#2b6df8}.status{color:#9eb5d7}.view{display:none;padding:18px;min-height:0}.view.active{display:block}.canvas-card{background:#0d1016;border:1px solid #242934;border-radius:18px;padding:18px}.preview-card{display:flex;flex-direction:column;align-items:center}.part-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#a9b3c7}#editorSvg{width:100%;height:min(70vh,560px);background:#131924;border-radius:14px}#previewCanvas{width:100%;max-width:946px;height:auto;border-radius:14px;background:#e7e7e7}.template-fill{fill:#fafafa}.template-black{fill:#101010}.cut-line{fill:none;stroke:#ff3ea5;stroke-width:2}.safe-line{fill:none;stroke:#36b5ff;stroke-width:2;stroke-dasharray:12 8}.art-text{font-family:Impact,Arial Black,sans-serif;text-anchor:middle;dominant-baseline:middle;cursor:grab;paint-order:stroke;stroke:rgba(255,255,255,.35);stroke-width:1.3}.art-text.selected{stroke:#2b6df8;stroke-width:2.4}label{display:grid;gap:6px;margin-bottom:10px;color:#d7dff0}input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2a3347;background:#161b27;color:#eef1f6}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #242934}}