.field label{display:block;margin-bottom:var(--space-2);font-weight:650}.field :is(textarea,input){display:block;width:100%;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);font:inherit}.panel .field :is(textarea,input){background:var(--paper);box-shadow:none}.field :is(textarea,input):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-md)}.field textarea{min-height:18rem;line-height:1.6;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 0}.actions .button{cursor:pointer;color:var(--ink)}.panel{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.choices{min-width:0;margin:0;padding:0;border:0}.choices legend{margin-bottom:var(--space-2);padding:0;font-weight:650}.pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pill{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--surface);font-weight:650;cursor:pointer;transition:border-color var(--motion-quick) ease,background-color var(--motion-quick) ease,color var(--motion-quick) ease}.pill:hover{border-color:var(--ink)}.pill:has(input[type=radio]:checked){border-color:var(--ink);background:var(--ink);color:var(--paper)}.pill:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.pill input[type=checkbox]{width:1rem;height:1rem;margin:0;accent-color:var(--ink)}.pill:has(input:disabled){opacity:.45;cursor:not-allowed}.convert{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.convert-controls{display:grid;gap:var(--space-4);grid-column:1 / -1}.convert .field textarea{min-height:16rem}.convert textarea[readonly]{background:var(--wash)}.convert-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);font-weight:600}.convert-note:empty{display:none}.panes{--pane: clamp(16rem, calc(100svh - 9.5rem) , 44rem);--split: .5;display:grid;grid-template-columns:calc((100% - var(--space-5)) * var(--split)) var(--space-5) minmax(0,1fr)}.pane-split{position:relative;margin-top:calc(2rem + var(--space-2));height:var(--pane);cursor:col-resize;touch-action:none;outline:none}.pane-split:after{content:"";position:absolute;inset:0 auto 0 50%;width:var(--hairline);translate:-50% 0;background:var(--rule);transition:background-color var(--motion-quick) ease,width var(--motion-quick) ease}.pane-split i{position:absolute;top:50%;left:50%;width:6px;height:2.25rem;translate:-50% -50%;border-radius:var(--radius-pill);background:var(--focus);opacity:0;transition:opacity var(--motion-quick) ease}.pane-split:is(:hover,:focus-visible,.is-dragging):after{width:2px;background:var(--focus)}.pane-split:is(:hover,:focus-visible,.is-dragging) i{opacity:1}.pane-split:focus-visible i{outline:2px solid var(--focus);outline-offset:3px}.is-col-resizing,.is-col-resizing *{cursor:col-resize!important;user-select:none!important}.panes .field textarea{height:var(--pane);min-height:10rem;font-family:var(--font-code);font-size:var(--text-sm)}.panes .field label,.pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:2rem;margin:0 0 var(--space-2)}.pane-label{margin:0;font-weight:650}.pane-view{height:var(--pane);overflow:auto}.pane-view:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pane-view:empty:before{content:attr(data-hint);color:var(--muted)}.drop{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:2px dashed var(--rule);border-radius:var(--radius-xl);background:var(--surface);text-align:center;cursor:pointer;transition:border-color var(--motion-quick) ease,background var(--motion-quick) ease}.drop:hover,.drop.is-over{border-color:var(--ink)}.drop.is-over{background:var(--wash)}.drop:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.drop .icon{width:2rem;height:2rem;color:var(--muted)}.drop-big{font-size:var(--text-md);font-weight:650}.drop .pick{text-decoration:underline;text-underline-offset:.2em}.drop-small{color:var(--muted);font-size:var(--text-sm)}@media(max-width:719px){.convert{grid-template-columns:minmax(0,1fr)}.convert .field textarea{min-height:10rem}.panes{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.pane-split{display:none}.panes .field textarea{height:14rem}.pane-view{height:auto;min-height:8rem}}