.tool-island{gap:var(--space-xl);flex-direction:column;width:100%;display:flex}.tool-workspace{gap:var(--space-lg);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;display:grid}.tool-panel{gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--color-border);background:radial-gradient(ellipse 80% 60% at 0% 0%, var(--color-spot), transparent 55%), color-mix(in srgb, var(--color-surface) 88%, transparent);flex-direction:column;display:flex}.tool-section-heading{gap:var(--space-xs);flex-direction:column;display:flex}.tool-section-heading__copy{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.tool-section-heading--row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-direction:row}.tool-section-heading h2,.tool-nested h3,.tool-panel>h2{font-family:var(--font-serif);font-weight:400;font-size:var(--text-xl);color:var(--color-ink);margin:0;line-height:1.15}.tool-nested h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.tool-hint{max-width:none;font-size:var(--text-sm);color:var(--color-stone);margin:0;line-height:1.55}.tool-nested{gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.tool-form-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-form-grid--export{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-field{gap:var(--space-xs);flex-direction:column;display:flex}.tool-field--full{grid-column:1/-1}.tool-field label{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);font-weight:500}.tool-field input,.tool-field select,.tool-field textarea,.tool-code{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);transition:border-color var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);background:0 0;border-radius:0;padding:.85rem 0;line-height:1.5}.tool-field select{cursor:pointer}.tool-field input[type=color]{cursor:pointer;height:2.75rem;padding:.35rem 0}.tool-field input:hover,.tool-field select:hover,.tool-field textarea:hover,.tool-code:hover{border-bottom-color:color-mix(in srgb, var(--color-gold) 40%, var(--color-border))}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus,.tool-code:focus{border-bottom-color:var(--color-gold);background:color-mix(in srgb, var(--color-spot) 35%, transparent);outline:none;padding-inline:.5rem}.tool-field input:disabled,.tool-field select:disabled{opacity:.5;cursor:not-allowed}.tool-field textarea,.tool-code{resize:vertical;min-height:6rem;font-family:var(--font-mono);font-size:var(--text-sm)}.tool-field textarea:not(.tool-code){font-family:var(--font-sans);font-size:var(--text-md)}.tool-check{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;display:inline-flex}.tool-check--full{grid-column:1/-1}.tool-check input{accent-color:var(--color-gold)}.tool-toggle{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;display:inline-flex}.tool-toggle--full{grid-column:1/-1}.tool-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tool-toggle__track{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 70%, transparent);width:2.25rem;height:1.25rem;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);flex-shrink:0;position:relative}.tool-toggle__track:after{content:"";background:var(--color-stone);width:.85rem;height:.85rem;transition:transform var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);position:absolute;top:.15rem;left:.15rem}.tool-toggle input:checked+.tool-toggle__track{border-color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 22%, transparent)}.tool-toggle input:checked+.tool-toggle__track:after{background:var(--color-gold);transform:translate(.95rem)}.tool-toggle input:focus-visible+.tool-toggle__track{outline:2px solid var(--color-gold);outline-offset:2px}.tool-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tool-actions .btn:disabled{opacity:.45;cursor:not-allowed}.tool-btn--danger{border-color:color-mix(in srgb, #c45c4a 55%, var(--color-border));color:color-mix(in srgb, #c45c4a 85%, var(--color-ink))}.tool-btn--danger:hover:not(:disabled){color:#c45c4a;background:#c45c4a1a;border-color:#c45c4a}.tool-status{max-width:none;font-size:var(--text-sm);color:var(--color-stone);margin:0;line-height:1.5}.tool-status--success{color:var(--color-ink)}.tool-status--error{color:color-mix(in srgb, #c45c4a 80%, var(--color-ink))}.tool-status--accent{color:var(--color-gold)}.tool-empty{padding:var(--space-xl);text-align:center;color:var(--color-stone);font-size:var(--text-sm);margin:0}@media (width<=900px){.tool-workspace,.tool-form-grid,.tool-form-grid--export{grid-template-columns:1fr}.tool-panel{padding:var(--space-lg)}}.wysiwyg-tool__workspace{align-items:stretch}.wysiwyg-chrome{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, transparent);flex-direction:column;gap:0;display:flex;overflow:hidden}.wysiwyg-toolbar{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, color-mix(in srgb, var(--color-spot) 55%, transparent), transparent), color-mix(in srgb, var(--color-ink) 4%, var(--color-surface));flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.wysiwyg-toolbar__divider{background:var(--color-border);align-self:stretch;width:1px;margin:.2rem .35rem}.wysiwyg-toolbar__btn{min-width:2rem;height:2rem;color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 .45rem;font-weight:600;line-height:1;transition:background .16s,border-color .16s,color .16s}.wysiwyg-toolbar__btn:hover{border-color:var(--color-border);background:color-mix(in srgb, var(--color-spot) 70%, transparent)}.wysiwyg-toolbar__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.wysiwyg-toolbar__btn--active{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent)}.wysiwyg-surface{padding:var(--space-md) var(--space-lg) var(--space-lg);min-height:16rem}.wysiwyg-surface .tiptap,.wysiwyg-prose{min-height:14rem;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);outline:none;line-height:1.6}.wysiwyg-prose>*+*{margin-top:.75em}.wysiwyg-prose p{margin:0}.wysiwyg-prose ul,.wysiwyg-prose ol{margin:0;padding:0 1rem}.wysiwyg-prose h1,.wysiwyg-prose h2,.wysiwyg-prose h3,.wysiwyg-prose h4,.wysiwyg-prose h5,.wysiwyg-prose h6{line-height:1.15;font-family:var(--font-serif);margin:0;font-weight:400}.wysiwyg-prose h1{font-size:var(--text-xl)}.wysiwyg-prose h2,.wysiwyg-prose h3{font-size:var(--text-lg)}.wysiwyg-prose h4{font-size:var(--text-md)}.wysiwyg-prose code{background:color-mix(in srgb, var(--color-ink) 8%, var(--color-surface));font-size:var(--text-sm);font-family:var(--font-mono);border-radius:.25rem;padding:.1em .35em}.wysiwyg-prose pre{background:color-mix(in srgb, var(--color-ink) 8%, var(--color-surface));font-family:var(--font-mono);border-radius:.35rem;padding:.75rem 1rem;overflow-x:auto}.wysiwyg-prose pre code{color:inherit;font-size:var(--text-sm);background:0 0;padding:0}.wysiwyg-prose blockquote{border-left:2px solid color-mix(in srgb, var(--color-accent) 40%, var(--color-border));color:var(--color-stone);margin:0;padding-left:1rem}.wysiwyg-prose hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.wysiwyg-source{white-space:pre;word-break:normal;min-height:16rem;overflow-x:auto}@media (width<=860px){.wysiwyg-tool__workspace{grid-template-columns:1fr}}