.color-picker.svelte-12j9de4{display:flex;flex-direction:column;gap:.75rem}.color-display.svelte-12j9de4{height:60px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s}.color-display.svelte-12j9de4:hover{box-shadow:0 4px 12px #00000026}.color-value.svelte-12j9de4{background:#ffffffe6;padding:.25rem .75rem;border-radius:.25rem;font-family:monospace;font-weight:600;color:#374151}.color-controls.svelte-12j9de4{display:flex;gap:.75rem;align-items:center}.color-input.svelte-12j9de4{width:60px;height:40px;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.color-input.svelte-12j9de4:hover{border-color:#667eea}.preset-colors.svelte-12j9de4{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn.svelte-12j9de4{width:40px;height:40px;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.preset-btn.svelte-12j9de4:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.preset-btn.active.svelte-12j9de4{border-color:#374151;box-shadow:0 0 0 3px #3741511a}.tags-input.svelte-1jjv8n{position:relative}.tags-container.svelte-1jjv8n{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border:2px solid #d1d5db;border-radius:.5rem;min-height:50px;transition:all .2s}.tags-container.svelte-1jjv8n:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tag.svelte-1jjv8n{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;animation:svelte-1jjv8n-tagAppear .2s ease-out}@keyframes svelte-1jjv8n-tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-remove.svelte-1jjv8n{background:none;border:none;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;padding:0 .25rem;opacity:.8;transition:opacity .2s}.tag-remove.svelte-1jjv8n:hover{opacity:1}.tag-input.svelte-1jjv8n{flex:1;min-width:120px;border:none;outline:none;font-size:1rem;padding:.25rem}.tag-input.svelte-1jjv8n:disabled{background:transparent;cursor:not-allowed}.suggestions.svelte-1jjv8n{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.suggestion-item.svelte-1jjv8n{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.875rem;transition:background .2s}.suggestion-item.svelte-1jjv8n:hover{background:#f3f4f6}.max-tags-message.svelte-1jjv8n{margin-top:.5rem;font-size:.875rem;color:#f59e0b}.rich-editor.svelte-femrip{border:2px solid #d1d5db;border-radius:.5rem;overflow:hidden;transition:all .2s}.rich-editor.svelte-femrip:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toolbar.svelte-femrip{display:flex;gap:.25rem;padding:.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.toolbar-btn.svelte-femrip{padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s;min-width:36px}.toolbar-btn.svelte-femrip:hover{background:#f3f4f6;border-color:#667eea}.toolbar-btn.svelte-femrip:active{background:#e5e7eb}.toolbar-separator.svelte-femrip{width:1px;background:#e5e7eb;margin:.25rem .5rem}.editor-content.svelte-femrip{padding:1rem;outline:none;font-size:1rem;line-height:1.6;overflow-y:auto;max-height:400px}.editor-content.svelte-femrip:empty:before{content:attr(data-placeholder);color:#9ca3af}.editor-content.svelte-femrip strong{font-weight:600}.editor-content.svelte-femrip em{font-style:italic}.editor-content.svelte-femrip u{text-decoration:underline}.editor-content.svelte-femrip h2{font-size:1.5rem;font-weight:700;margin:1rem 0 .5rem}.editor-content.svelte-femrip p{margin:.5rem 0}.editor-content.svelte-femrip ul,.editor-content.svelte-femrip ol{margin:.5rem 0;padding-left:2rem}.editor-content.svelte-femrip li{margin:.25rem 0}.example-page.svelte-gof1iw{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.documentation.svelte-gof1iw{position:sticky;top:2rem;height:fit-content}.documentation.svelte-gof1iw h1:where(.svelte-gof1iw){font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead.svelte-gof1iw{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.doc-section.svelte-gof1iw{margin-bottom:2rem}.doc-section.svelte-gof1iw h2:where(.svelte-gof1iw){font-size:1.5rem;font-weight:600;margin-bottom:1rem}.doc-section.svelte-gof1iw ul:where(.svelte-gof1iw){list-style:none;padding:0}.doc-section.svelte-gof1iw li:where(.svelte-gof1iw){padding:.5rem 0;color:#374151}.doc-section.svelte-gof1iw pre:where(.svelte-gof1iw){background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto;font-family:Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.7}.demo-container.svelte-gof1iw{display:flex;flex-direction:column;gap:2rem}.demo-container.svelte-gof1iw h2:where(.svelte-gof1iw){font-size:1.5rem;font-weight:600}.form-card.svelte-gof1iw,.info-card.svelte-gof1iw,.state-viewer.svelte-gof1iw{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.form-actions.svelte-gof1iw{margin-top:2rem;display:flex;justify-content:center}.btn-secondary.svelte-gof1iw{padding:.75rem 2rem;background:#f3f4f6;color:#374151;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary.svelte-gof1iw:hover{background:#e5e7eb}.info-card.svelte-gof1iw h3:where(.svelte-gof1iw),.state-viewer.svelte-gof1iw h3:where(.svelte-gof1iw){font-size:1.25rem;font-weight:600;margin-bottom:1rem}details.svelte-gof1iw summary:where(.svelte-gof1iw){cursor:pointer;font-weight:500;color:#667eea;margin-bottom:.5rem}.schema-preview.svelte-gof1iw,.state-data.svelte-gof1iw{margin-top:.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;font-size:.75rem;overflow-x:auto;max-height:400px;overflow-y:auto}@media (max-width: 1024px){.example-page.svelte-gof1iw{grid-template-columns:1fr}.documentation.svelte-gof1iw{position:static}}