:root{--bg:#f4f3ef;--panel:#fff;--ink:#1d1d1b;--muted:#6b6a65;--line:#dcdad3;--accent:#1f5f8b;--accent-ink:#fff;--danger:#b3261e;--paper:#fafaf7;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161615;--panel:#1f1f1d;--ink:#ebeae6;--muted:#9c9a93;--line:#34332f;--accent:#6fb0dc;--accent-ink:#0d1b24;--danger:#f2a49e;--paper:#2a2a27;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif}h1,h2{margin:0;line-height:1.25}h1{letter-spacing:.01em;font-size:1.5rem}h2{font-size:1rem}code{font-size:.92em}.muted{color:var(--muted);font-size:.875rem}.top{max-width:1180px;margin:0 auto;padding:28px 20px 8px}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lang{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.lang button{background:var(--panel);color:var(--muted);border:0;border-radius:0;padding:4px 10px;font-size:.8rem}.lang button+button{border-left:1px solid var(--line)}.lang button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.sub{color:var(--muted);max-width:68ch;margin:6px 0 0}.layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;max-width:1180px;margin:0 auto;padding:16px 20px 48px;display:grid}.foot{max-width:1180px;color:var(--muted);flex-wrap:wrap;gap:8px;margin:0 auto;padding:0 20px 32px;font-size:.85rem;display:flex}.foot a{color:var(--muted)}.foot a:hover{color:var(--accent)}@media (max-width:820px){.layout{grid-template-columns:1fr;padding:12px 16px 40px}.top{padding:20px 16px 4px}.foot{padding:0 16px 28px}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.settings{position:sticky;top:16px}@media (max-width:820px){.settings{order:1;position:static}}fieldset{border:0;min-width:0;margin:14px 0 0;padding:0}legend{gap:6px;margin-bottom:6px;padding:0;font-size:.85rem;font-weight:600;display:flex}legend output,.slider output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.dim{opacity:.45}.hint{color:var(--muted);margin:6px 0 0;font-size:.78rem}select,input[type=text]{width:100%;font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:6px 8px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.row{align-items:center;gap:8px;margin:6px 0;font-size:.9rem;display:flex}.row select{flex:1;width:auto}.slider{margin-top:6px;font-size:.9rem;display:block}.seg{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.seg label{flex:1;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:6px 4px;font-size:.9rem;display:flex}.seg small{color:var(--muted);font-size:.72rem}.seg label+label span{border-left:1px solid var(--line)}.seg input:checked+span{background:var(--accent);color:var(--accent-ink)}.seg input:checked+span small{color:inherit;opacity:.85}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-3px}button,.button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;align-items:center;padding:7px 14px;font-size:.9rem;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.ghost{background:0 0}.link{color:var(--accent);background:0 0;border:0;margin-top:10px;padding:0;font-size:.82rem}[hidden]{display:none!important}.drop{text-align:center;cursor:pointer;border:2px dashed var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:150px;padding:20px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--accent);outline:none}.drop.over{background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.drop small{color:var(--muted)}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.status{color:var(--muted);font-size:.85rem}.jobs{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.job{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.job.selected{border-color:var(--accent)}.job[data-state=error] .msg{color:var(--danger)}.job-main{flex:260px;min-width:0}.job .title{background:0 0;border-color:#0000;padding:3px 6px;font-weight:600}.job .title:hover,.job .title:focus{border-color:var(--line);background:var(--paper)}.job-sub{color:var(--muted);overflow-wrap:anywhere;padding:0 7px;font-size:.8rem}.job progress{width:100%;height:6px;accent-color:var(--accent);margin-top:4px}.job-actions{gap:6px;display:flex}.note{color:var(--muted);border-left:3px solid var(--line);background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 16px;padding:10px 12px;font-size:.82rem}.note strong{color:var(--ink);font-weight:600;display:block}.preview-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.thumbs figure{text-align:center;margin:0}.thumbs canvas{cursor:zoom-in;border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:auto;display:block}.thumbs figcaption{color:var(--muted);font-size:.75rem}dialog{background:0 0;border:0;max-width:100vw;max-height:100vh;padding:0}dialog::backdrop{background:#000000bf}.viewer-bar{color:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.viewer-bar button{color:#fff;background:#fff2;border-color:#fff4;justify-content:center;min-width:40px}#big{width:auto;max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 80px);image-rendering:pixelated;background:#fff;display:block}