.palette.svelte-11ncn8i{width:180px;min-width:180px;border-right:1px solid #e0e0e0;padding:1rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;background:#fafafa}h3.svelte-11ncn8i{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#999;margin:0 0 .5rem}.field.svelte-11ncn8i{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.4rem}.field.svelte-11ncn8i span:where(.svelte-11ncn8i){font-size:.72rem;color:#777}.field.svelte-11ncn8i input:where(.svelte-11ncn8i){border:1px solid #ddd;border-radius:4px;padding:.3rem .5rem;font-size:.83rem;box-sizing:border-box;width:100%}.size-row.svelte-11ncn8i{display:flex;gap:.5rem}.tool-btn.svelte-11ncn8i{display:flex;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:.83rem;margin-bottom:.2rem;text-align:left;transition:background .12s,border-color .12s}.tool-btn.active.svelte-11ncn8i{background:#e8f0fb;border-color:#4a90d9;font-weight:600}.tool-btn.svelte-11ncn8i:hover:not(.active){background:#f5f5f5}.swatch.svelte-11ncn8i{width:16px;height:16px;border-radius:3px;flex-shrink:0}.swatch.bordered.svelte-11ncn8i{border:1px solid #ccc}.block-row.svelte-11ncn8i{display:flex;gap:.25rem;align-items:center}.block-row.svelte-11ncn8i .tool-btn:where(.svelte-11ncn8i){flex:1;margin-bottom:0}.delete-btn.svelte-11ncn8i{padding:.25rem .45rem;border:1px solid #ffcccc;background:#fff5f5;border-radius:4px;cursor:pointer;color:#e74c3c;font-size:.9rem;line-height:1;flex-shrink:0}.delete-btn.svelte-11ncn8i:hover{background:#ffe0e0}.add-btn.svelte-11ncn8i{width:100%;padding:.4rem;border:1px dashed #ccc;border-radius:6px;background:transparent;cursor:pointer;color:#777;font-size:.78rem;margin-top:.25rem;transition:background .12s}.add-btn.svelte-11ncn8i:hover{background:#f5f5f5;border-color:#aaa}.grid-wrapper.svelte-cvaiif{flex:1;overflow:auto;padding:1.5rem;display:flex;align-items:flex-start}.grid.svelte-cvaiif{display:grid;gap:2px;width:fit-content;-webkit-user-select:none;user-select:none}.cell.svelte-cvaiif{width:40px;height:40px;border:1px solid rgba(0,0,0,.12);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;cursor:crosshair;touch-action:none;transition:filter .08s;box-sizing:border-box}.cell.svelte-cvaiif:hover{filter:brightness(1.18)}.json-preview.svelte-15mcra0{border-top:1px solid #e0e0e0;background:#1e1e1e;color:#d4d4d4;display:flex;flex-direction:column;max-height:200px;min-height:120px}.preview-header.svelte-15mcra0{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#252526;border-bottom:1px solid #333;flex-shrink:0}h3.svelte-15mcra0{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.copy-btn.svelte-15mcra0{padding:.25rem .75rem;border:1px solid #555;border-radius:4px;background:#333;color:#ccc;font-size:.8rem;cursor:pointer;transition:background .15s}.copy-btn.svelte-15mcra0:hover{background:#444}.copy-btn.copied.svelte-15mcra0{background:#1e5c1e;border-color:#2ecc71;color:#2ecc71}.json-output.svelte-15mcra0{overflow:auto;margin:0;padding:.75rem 1rem;font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.5;flex:1}.editor.svelte-174c9nd{display:flex;flex-direction:column;height:100vh;font-family:sans-serif;overflow:hidden}.editor-header.svelte-174c9nd{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.back-link.svelte-174c9nd{font-size:.85rem;color:#666;text-decoration:none;padding:.2rem .5rem;border-radius:4px;transition:background .12s}.back-link.svelte-174c9nd:hover{background:#f0f0f0}h1.svelte-174c9nd{margin:0;font-size:1rem;color:#333}.editor-body.svelte-174c9nd{display:flex;flex:1;overflow:hidden}