.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)}}.y2j-tool__panel{max-width:48rem}.y2j-output{white-space:pre;word-break:normal;overflow-x:auto}