:root{--table:#1d1e20;--panel:#26282b;--line:#3a3d41;--text:#e6e4df;--muted:#9a9894;--accent:#ff5a1f;--mono:ui-monospace,"SF Mono",Menlo,monospace;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;color:var(--text);background:var(--table);font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:1fr 280px;height:100dvh}.table{position:relative;display:grid;overflow:hidden;place-items: center;padding:24px}.table.dragging{outline:2px dashed var(--accent);outline-offset:-12px}.sheet-size{position:absolute;font-family:var(--mono);color:var(--muted);bottom:10px;left:14px}.stages{position:absolute;display:flex;border:1px solid var(--line);overflow:hidden;border-radius:4px;top:12px;left:14px}.stages button{border:0;border-radius:0}.stages button+button{border-left:1px solid var(--line)}.stages button[aria-current=step]{background:var(--text);color:var(--table)}.panel{overflow-y:auto;border-left:1px solid var(--line);background:var(--panel)}.section{display:grid;border-bottom:1px solid var(--line);gap:10px;padding:14px 16px}.section h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.row{display:flex;align-items: center;gap:6px}.row>*{flex:1}label{display:grid;gap:4px}label.check{display:flex;align-items: center;gap:8px}.value{font-family:var(--mono);color:var(--muted);float:right}input[type=range]{accent-color:var(--text);width:100%}button,select{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#303337;border-radius:4px;padding:6px 10px}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#1d1e20;padding:10px;font-weight:600}.status{font-family:var(--mono);color:var(--muted)}.error{color:var(--accent)}progress{accent-color:var(--accent);width:100%}.hint{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.stats dt{color:var(--muted)}.stats dd{font-family:var(--mono);margin:0}.arrange{display:flex;align-items:stretch;gap:10px}.arrange-actions{display:grid;flex:1;gap:6px}.waffle{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,26px);gap:3px}.waffle-cell{position:relative;padding:0}.waffle-cell:after{content:"";position:absolute;background:var(--muted);border-radius:1px;width:8px;height:8px}.waffle-cell.h-start:after{left:4px}.waffle-cell.h-center:after{left:calc(50% - 4px)}.waffle-cell.h-end:after{right:4px}.waffle-cell.v-start:after{top:4px}.waffle-cell.v-center:after{top:calc(50% - 4px)}.waffle-cell.v-end:after{bottom:4px}.waffle-cell:hover:after{background:var(--accent)}.inline-progress{position:relative;overflow:hidden;border:1px solid var(--line);color:var(--text);text-align:center;isolation:isolate;background:#303337;border-radius:4px;padding:6px 10px}.inline-progress:before{content:"";position:absolute;z-index:-1;width:calc(var(--progress)*100%);background:color-mix(in srgb,var(--accent)45%,transparent);transition:width .2s;inset:0}.inline-progress.indeterminate:before{animation:1.2s ease-in-out infinite sweep;width:40%}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.about{position:absolute;top:12px;right:14px}.js #welcome:not(:modal){display:none}#welcome{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;max-width:560px;max-height:calc(100dvh - 48px);padding:24px 28px}#welcome::backdrop{background:#0009}#welcome h1{margin:0 0 4px;font-size:22px;line-height:1.25}#welcome h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px;font-size:11px;font-weight:600}#welcome p,#welcome ul{margin:0 0 8px}#welcome ul{padding-left:18px}#welcome li+li{margin-top:4px}#welcome code{font-family:var(--mono)}#welcome form{display:grid;margin-top:20px}.compat{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 8px}.compat dt{color:var(--muted)}.compat dd{margin:0}.browser-notice{border:1px solid var(--accent);color:var(--accent);border-radius:4px;margin-top:12px;padding:8px 12px}#welcome .lede{font-size:15px}#welcome .source{text-align:center;color:var(--muted);margin:12px 0 0}#welcome a{color:var(--text)}