:root{--bg: #f2f5fb;--panel: #ffffff;--panel-border: #dbe4f2;--text: #152238;--muted: #63758f;--accent: #2563eb;--accent-soft: #e8f0ff;--danger: #dc2626;--radius-xl: 26px;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 12px 30px rgba(24, 39, 75, .08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 0%,#eef3ff 0%,#f8fbff 40%,var(--bg) 100%)}body{position:relative;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;border-radius:999px;filter:blur(70px);z-index:0}.ambient-a{top:-120px;right:-80px;width:380px;height:380px;background:#2563eb29}.ambient-b{bottom:-140px;left:-120px;width:440px;height:440px;background:#0ea5e924}.app-shell{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.topbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}h1,h2,h3,p{margin:0}h1{font-size:1.6rem}h2{font-size:1rem}h3{font-size:.93rem}.muted{margin-top:6px;color:var(--muted)}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.lang-select-wrap{display:grid;gap:4px;font-size:.75rem;color:var(--muted);min-width:132px}.lang-select-wrap select{min-height:34px}.layout{display:grid;grid-template-columns:minmax(350px,430px) minmax(0,1fr);gap:14px}.controls{display:flex;flex-direction:column;gap:12px;padding:14px;max-height:calc(100vh - 94px)}.wizard-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0}.step-counter{color:var(--muted);font-size:.82rem}.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.step-chip{border:1px solid var(--panel-border);background:#f7faff;border-radius:999px;color:#395074;font-size:.8rem;font-weight:700;padding:8px 10px;cursor:pointer}.step-chip.is-active{border-color:#c8d8fb;background:var(--accent-soft);color:var(--accent)}.wizard-body{overflow:auto;padding-right:4px;display:grid;gap:10px}.step-pane{display:none;gap:10px}.step-pane.is-active{display:grid}.section{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:#fff;padding:13px;display:grid;gap:9px}.option-card.is-removed{display:none}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.remove-option-btn{border:1px solid #fecaca;background:#fff5f5;color:#b42318;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:700;cursor:pointer}label,.inline{display:grid;gap:6px;color:#334a6b;font-size:.84rem}input,select,button{font:inherit}input[type=number],input[type=text],select{width:100%;border:1px solid #d5dfef;background:#fdfefe;color:var(--text);border-radius:var(--radius-md);padding:8px 10px}input[type=file]{width:100%;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent)}.value{color:#1f4b9d;font-family:JetBrains Mono,monospace;margin-left:4px}.btn{border:1px solid #cad8f1;background:#fff;color:#1f3558;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:700}.btn:hover{border-color:#aac2ec}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-small{padding:6px 11px;font-size:.8rem}.btn-accent{background:linear-gradient(120deg,#2563eb,#3b82f6);border-color:transparent;color:#fff}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-row{justify-content:space-between}.dropzone{border:1px dashed #bcd0ef;border-radius:var(--radius-lg);min-height:100px;place-items:center;text-align:center;padding:14px;cursor:pointer;background:#f8fbff}.dropzone input[type=file]{display:none}.dropzone.dragover{border-color:#5b8ced;background:#edf4ff}.dropzone-title{font-weight:700;color:#264777}.dropzone-sub{color:var(--muted);font-size:.8rem}.checkbox-row{display:flex;align-items:center;grid-template-columns:none;gap:9px}.swatches{margin-top:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:6px}.swatch{width:100%;border-radius:7px;height:20px;border:1px solid #d9dfe8}.hidden-options-wrap{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:#fcfdff;padding:12px;display:grid;gap:10px}.hidden-options-head{display:flex;align-items:center;justify-content:space-between}.hidden-options-list{display:flex;flex-wrap:wrap;gap:8px}.hidden-chip{border:1px solid #d7e3fb;background:#edf3ff;color:#1f4b9d;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700;cursor:pointer}.hidden-empty{color:var(--muted);font-size:.82rem}.wizard-footer{display:flex;gap:8px;justify-content:flex-end}.preview{display:grid;gap:10px}.preview-panel{padding:13px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}canvas{width:100%;background:#f8fbff;border-radius:var(--radius-lg);border:1px solid #dbe4f2;image-rendering:pixelated;image-rendering:crisp-edges}#compareCanvas,#beforeCanvas,#afterCanvas,#tileCanvas{aspect-ratio:1 / 1}@media(max-width:1200px){.layout{grid-template-columns:1fr}.controls{max-height:none}.preview-grid{grid-template-columns:1fr}.step-chip{font-size:.76rem}.topbar{flex-direction:column;align-items:flex-start}}