.uploader{display:block;border:2px dashed var(--accent-soft);background:#fff;border-radius:var(--radius);padding:36px 20px;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.uploader.hover{background:#fff0f4;border-color:var(--accent)}.uploader-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.uploader-icon{font-size:32px}.uploader strong{font-size:18px;color:var(--ink)}.uploader .hint{margin-top:6px;max-width:320px}.settings{display:flex;flex-direction:column;gap:14px}.settings.compact{gap:10px}.settings h3{margin:0 0 4px;font-size:16px;color:var(--ink)}.setting{display:flex;flex-direction:column;gap:4px}.setting input[type=range]{width:100%;accent-color:var(--accent)}.setting.checkbox{flex-direction:row;align-items:center;gap:8px}.setting .small{font-size:12px}.mode-toggle .mode-buttons{display:inline-flex;border:1.5px solid var(--accent-soft);border-radius:999px;overflow:hidden;background:#fff;margin-top:4px}.mode-button{background:transparent;border:none;padding:6px 14px;font-weight:600;color:var(--ink-soft);transition:background .1s ease,color .1s ease}.mode-button.active{background:var(--accent);color:#fff}.mode-button:not(.active):hover{background:var(--accent-soft);color:var(--ink)}.zoom-controls{display:inline-flex;align-items:stretch;border:1.5px solid var(--accent-soft);border-radius:999px;overflow:hidden;background:#fff}.zoom-btn{background:transparent;border:none;padding:4px 12px;font-size:16px;font-weight:700;color:var(--ink-soft);min-width:36px;cursor:pointer;transition:background .1s ease,color .1s ease}.zoom-btn.label{font-size:13px;font-weight:600;min-width:56px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.zoom-btn.active{background:var(--accent-soft);color:var(--ink)}.zoom-btn:not(:disabled):hover{background:var(--accent-soft);color:var(--ink)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-scroll-area{width:100%;max-height:70vh;overflow:auto;background:#fafafa;border-radius:12px;touch-action:pinch-zoom pan-x pan-y;display:block}.zoom-scroll-area>canvas{display:block;margin:8px;flex-shrink:0;image-rendering:-webkit-optimize-contrast}.interactive-canvas{cursor:pointer;touch-action:pinch-zoom pan-x pan-y;display:block}.template-card{margin-bottom:18px}.template-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.template-card-title{display:flex;flex-direction:column;gap:2px}.template-card-title .small{font-size:12px}.template-card-settings{background:#fdf3f7;border-radius:12px;padding:12px;margin-bottom:12px}.template-card-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:18px;align-items:start}@media (max-width: 720px){.template-card-body{grid-template-columns:1fr}}.template-preview{background:transparent;border-radius:12px;padding:0;display:flex;flex-direction:column;gap:8px;align-items:stretch}.template-preview-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 4px}.zoom-hint{font-size:11px}.preview-canvas-wrap{width:100%;display:flex;justify-content:center}.preview-canvas{display:block}.template-side{display:flex;flex-direction:column;gap:10px}.palette-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto}.palette-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .1s ease}.palette-item:hover{background:#fdf3f7}.palette-item.highlighted{background:var(--accent-soft)}.swatch{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-weight:700;border:1px solid var(--border);flex-shrink:0}.palette-meta{display:flex;flex-direction:column}.error{color:#b00020;font-weight:600}.install-button{white-space:nowrap}.install-tip{position:absolute;right:20px;margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);max-width:320px;font-size:14px;z-index:10}:root{--bg: #fff7f9;--surface: #ffffff;--ink: #2a1c24;--ink-soft: #6e5a64;--accent: #e85a8a;--accent-soft: #f7c8d0;--border: #f0d8df;--shadow: 0 4px 12px rgba(232, 90, 138, .08);--radius: 14px;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,select{font:inherit}.app-shell{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.app-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.app-header h1{margin:0;font-size:28px;color:var(--accent)}.app-header p{margin:0;color:var(--ink-soft)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;border:1px solid var(--border)}.button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:600;transition:transform .05s ease}.button:hover{transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--accent);border:1.5px solid var(--accent-soft)}.button.ghost{background:transparent;color:var(--ink-soft);border:none;padding:6px 10px}.button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--ink-soft);font-size:13px}