.conversion-fields{display:grid;gap:13px}.conversion-field{display:grid;gap:6px;min-width:0}.conversion-field>span{font-weight:600}.conversion-field input:not([type=checkbox]),.conversion-field select{min-width:0;width:100%;height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background-color:#fff;font:inherit;color:var(--ink)}.conversion-field input[type=color]{padding:4px;cursor:pointer}.conversion-check{justify-content:space-between}.conversion-fields .settings-note{margin:-7px 0 0}.conversion-fields .conversion-page-note{margin:0}.conversion-note{margin-block:15px}.conversion-original{margin-block-end:20px}.conversion-text-result{width:min(100%,980px);display:grid;gap:14px;margin:18px auto 24px;text-align:start}.conversion-text-result.has-source{grid-template-columns:1fr 1fr}.conversion-text-result label{display:grid;gap:8px;min-width:0;font-size:13px;font-weight:600}.conversion-text-result textarea{width:100%;min-height:330px;padding:16px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:14px/1.8 ui-monospace,monospace}.conversion-text-result .button{justify-self:start}#conversion-result-note{max-width:720px;margin-inline:auto}@media(max-width:680px){.conversion-text-result.has-source{grid-template-columns:1fr}.conversion-text-result textarea{min-height:230px}}.appearance-settings{display:grid;gap:20px}.appearance-palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.appearance-palettes legend{margin-bottom:12px}.appearance-palette{display:grid;gap:8px;min-width:0;padding:8px}.appearance-palette-art{display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;padding:9px;border-radius:6px;color:var(--palette-ink);background:var(--palette-paper);border:1px solid #8993a330}.appearance-palette-art b{font-size:26px;font-weight:600;line-height:1}.appearance-palette-art>span{display:grid;gap:5px;width:26px}.appearance-palette-art i{height:2px;background:currentColor;opacity:.55;border-radius:1px}.appearance-palette-art i:last-child{width:65%}.appearance-color-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-color-field{display:grid;gap:8px;min-width:0}.appearance-color-input{display:flex;align-items:center;gap:6px;min-width:0;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.appearance-color-input:focus-within{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.appearance-color-input input[type=color]{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}:root #main .appearance-color-input input[type=color]{padding:2px;border:1px solid var(--control-border)}.appearance-color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearance-color-input input[type=color]::-webkit-color-swatch{border:1px solid #8993a340;border-radius:6px}.appearance-color-input input[type=color]::-moz-color-swatch{border:1px solid #8993a340;border-radius:6px}.appearance-color-input input.appearance-hex{width:100%;outline:none;background:transparent;font:inherit;font-variant-numeric:tabular-nums}.appearance-hex[aria-invalid=true]{color:#b4234c!important}.appearance-settings .appearance-reverse{margin:0}.appearance-reverse label{display:inline-flex;gap:8px;align-items:center}.appearance-reverse .icon{width:17px;height:17px}.appearance-pages{padding-top:14px;border-top:1px solid var(--line);font-size:13px}.appearance-pages[open] summary .icon{transform:rotate(180deg)}.appearance-pages .conversion-field{margin-top:12px}.appearance-pages .conversion-field>span{color:var(--muted);font-weight:400}.appearance-pages .settings-note{margin:7px 0 0}.appearance-settings .appearance-footnote{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.appearance-invert-intro{display:grid;gap:14px;text-align:center;padding:8px 0}.appearance-invert-art{display:flex;align-items:center;justify-content:center;gap:13px;padding:22px 10px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));direction:ltr}.appearance-sheet{display:grid;gap:6px;width:67px;height:88px;padding:10px;border:1px solid #8b94a43b;border-radius:5px;text-align:start}.appearance-sheet-light{color:#20242c;background:#fff;transform:rotate(-5deg)}.appearance-sheet-dark{color:#dfdbd3;background:#000;transform:rotate(5deg)}.appearance-sheet b{font-size:20px;line-height:1}.appearance-sheet i{height:2px;background:currentColor;opacity:.6}.appearance-sheet i:last-child{width:65%}.appearance-sheet em{height:12px;background:#5786dd;border-radius:2px}.appearance-sheet-dark em{background:#a87922}.appearance-invert-art>svg{width:22px;height:22px;color:var(--accent);flex-shrink:0}.appearance-invert-intro h3{margin:0}.appearance-invert-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}@media(max-width:680px){.appearance-palette-art{min-height:60px}}