:root{--heat: #fa5d19;--heat-4: rgba(250, 93, 25, .08);--bg: #f9f9f9;--surface: #ffffff;--text: #262626;--text-muted: rgba(38, 38, 38, .56);--border-faint: #ededed;--border-loud: #e6e6e6;--error: #eb3424;--sans: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0a;--surface: #171717;--text: #f5f5f5;--text-muted: rgba(255, 255, 255, .56);--border-faint: #2a2a2a;--border-loud: #404040;--error: #ff7b6e}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--heat);outline-offset:2px;border-radius:2px}button{font:inherit;color:inherit}.page{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}header.top{display:flex;align-items:center;gap:10px;padding:22px 0 6px}header.top img{height:22px;width:auto;display:block}header.top .wordmark{font-size:16px;font-weight:600;letter-spacing:-.01em}header.top .by{font-weight:400;color:var(--text-muted);font-size:13px}h1{margin:10px 0 6px;font-size:clamp(22px,4vw,30px);line-height:1.2;letter-spacing:-.01em;font-weight:600}.lede{margin:0 0 18px;color:var(--text-muted);font-size:13px}.err{margin:12px 0 0;color:var(--error);font-size:13px}.err-detail{margin:8px 0 0;padding:10px 12px;background:var(--surface);border:1px solid var(--border-faint);border-radius:8px;font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--error)}.err-hint{margin:8px 0 0;color:var(--text-muted)}.err-hint code{font-family:var(--mono);font-size:12px;background:var(--surface);border-radius:4px;padding:.1em .35em}.drop{width:100%;border:1px dashed var(--border-loud);border-radius:12px;background:var(--surface);padding:clamp(28px,6vh,48px) 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop:hover:not(:disabled),.drop.over:not(:disabled){border-color:var(--heat);background:var(--heat-4)}.drop:disabled{cursor:default;opacity:.7}.drop .big{display:block;font-size:16px;font-weight:500;margin-bottom:6px}.drop .small{color:var(--text-muted);font-size:13px}.drop .small u{text-decoration-color:var(--heat);text-underline-offset:3px}.files{margin-top:20px}.files-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.files-bar .count{color:var(--text-muted);font-size:13px;font-weight:500}.files-bar .spacer,.detail-bar .spacer{flex:1}button.primary,button.danger{font-size:13px;font-weight:450;background:var(--surface);border:1px solid var(--border-loud);border-radius:8px;padding:5px 12px;cursor:pointer;transition:color .15s,border-color .15s}button.primary:hover{border-color:var(--heat);color:var(--heat)}button.danger:hover{border-color:var(--error);color:var(--error)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-faint);border-radius:10px;padding:8px 10px;cursor:pointer;transition:border-color .15s,background .15s}.row:hover{border-color:var(--heat)}.row.active{border-color:var(--heat);background:var(--heat-4)}.row .status{flex:none;width:20px;text-align:center;color:#1a7f37}.row .status.err{color:var(--error)}.row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.row .meta{flex:none;color:var(--text-muted);font-family:var(--mono);font-size:11.5px;white-space:nowrap}.row .dl,.row .x{flex:none;width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:15px;line-height:1}.row .dl:hover:not(:disabled){border-color:var(--heat);color:var(--heat)}.row .x:hover{border-color:var(--error);color:var(--error)}.row .dl:disabled{opacity:.35;cursor:default}.detail{margin-top:18px}.detail-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.detail-bar .name{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--text);overflow-wrap:anywhere}.detail-bar button{font-size:13px;font-weight:450;background:var(--surface);border:1px solid var(--border-loud);border-radius:8px;padding:4px 12px;cursor:pointer;transition:color .15s,border-color .15s}.detail-bar button:hover:not(:disabled){border-color:var(--heat);color:var(--heat)}.detail-bar button:disabled{opacity:.45;cursor:default}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,20px);align-items:stretch}.panel{min-width:0;display:flex;flex-direction:column}.panel-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}pre.output,.preview{margin:0;background:var(--surface);border:1px solid var(--border-faint);border-radius:12px;padding:20px;overflow:auto;max-height:62vh;flex:1}pre.output{font-family:var(--mono);font-size:13px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}pre.output.error{color:var(--error)}.preview{padding:20px 24px}.preview.err{color:var(--error)}.preview>:first-child{margin-top:0}.preview>:last-child{margin-bottom:0}.preview h1,.preview h2,.preview h3,.preview h4{margin:1.5em 0 .6em;line-height:1.25;letter-spacing:-.01em}.preview p{margin:.75em 0}.preview a{color:var(--heat);text-decoration:none}.preview a:hover{text-decoration:underline}.preview code{font-family:var(--mono);font-size:.9em;background:var(--bg);border-radius:4px;padding:.15em .35em}.preview pre{background:var(--bg);border:1px solid var(--border-faint);border-radius:8px;padding:14px;overflow:auto}.preview pre code{background:none;padding:0}.preview blockquote{margin:.75em 0;padding:0 1em;color:var(--text-muted);border-left:4px solid var(--border-loud)}.preview table{border-collapse:collapse;margin:1em 0;display:block;overflow-x:auto;max-width:100%}.preview th,.preview td{border:1px solid var(--border-loud);padding:6px 13px}.preview th{background:var(--bg);font-weight:600}.preview ul,.preview ol{padding-left:1.6em}.preview img{max-width:100%}.preview hr{height:1px;border:0;background:var(--border-loud);margin:1.5em 0}footer{margin-top:32px;padding:18px 0 28px;color:var(--text-muted);font-size:12.5px}@media(max-width:720px){.split{grid-template-columns:1fr}pre.output,.preview{max-height:50vh}.row{flex-wrap:wrap;row-gap:4px}.row .meta{order:3;width:100%;padding-left:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}