.wb-app{--wb-panel:312px;--wb-film:88px;--wb-mark:#e2b23f;background:var(--he-viewer);color:var(--he-viewer-ink);font-family:var(--he-font-sans);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:14px;line-height:1.4}.wb-app *,.wb-app :before,.wb-app :after{box-sizing:border-box}.wb-app button{font:inherit}.wb-app img,.wb-app canvas{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.wb-app svg{flex:none;width:18px;height:18px}.wb-grow{flex:1}.wb-top{z-index:20;height:56px;padding:0 max(10px,env(safe-area-inset-right))0 max(10px,env(safe-area-inset-left));align-items:center;gap:6px;display:flex;position:sticky;top:0}.wb-icon{border-color:#0000;justify-content:center;width:40px;padding:0}.wb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:46vw;color:var(--he-viewer-ink);cursor:text;text-align:left;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:15px;font-weight:600;overflow:hidden}.wb-title:hover{background:#f1efe81a}.wb-title-input{border:1px solid var(--he-viewer-line);width:min(46vw,420px);min-width:0;color:var(--he-viewer-ink);font:inherit;background:#1f221f;border-radius:6px;padding:6px 8px;font-weight:600}.wb-count{color:var(--he-viewer-dim);white-space:nowrap;font-size:13px}.wb-views{padding:2px}.wb-views>button{justify-content:center;align-items:center;min-height:34px;padding:4px 12px;display:inline-flex}.wb-status{border-bottom:1px solid var(--he-viewer-line);padding:8px 14px}.wb-main{min-width:0}.wb-grid-wrap{-webkit-user-select:none;user-select:none;padding:12px 12px 96px;position:relative}.wb-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.wb-tile{aspect-ratio:3/2;outline-offset:-2px;touch-action:manipulation;-webkit-touch-callout:none;cursor:default;background:#232623;border-radius:6px;outline:2px solid #0000;position:relative;overflow:hidden}.wb-tile:focus-visible{outline-color:var(--he-viewer-dim)}.wb-tile img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.wb-tile:not([data-status=done]) img{filter:grayscale()brightness(.7);opacity:.6}.wb-tile-num{color:#fff;text-shadow:0 1px 2px #000000d9;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600;position:absolute;top:4px;left:6px}.wb-tile-dot{background:var(--wb-mark);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1.5px #0000008c}.wb-tile-check{background:var(--he-viewer-ink);width:22px;height:22px;color:var(--he-viewer);border-radius:50%;padding:3px;display:none;position:absolute;bottom:5px;right:5px}.wb-tile-check svg{width:16px;height:16px}.wb-tile-name{color:#eee;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;background:linear-gradient(#0000,#0000009e);padding:12px 34px 4px 6px;font-size:11px;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wb-tile:hover .wb-tile-name{opacity:1}.wb-tile[data-active]{outline-color:#f1efe88c}.wb-tile[data-selected]{outline-color:var(--he-viewer-ink)}.wb-tile[data-selected] .wb-tile-check{display:block}.wb-tile[data-left] img{opacity:.28}.wb-tile[data-left]:after{content:"";background:#ffffff8c;height:2px;position:absolute;top:50%;left:8%;right:8%;transform:rotate(-12deg)}.wb-tile[data-lifted]{opacity:.35}.wb-tile-bar{background:#ffffff24;height:3px;position:absolute;bottom:0;left:0;right:0}.wb-tile-bar i{background:var(--he-viewer-ink);height:100%;transition:width .2s;display:block}.wb-tile[data-status=error] .wb-tile-bar i{background:#d9694f}.wb-tile-retry{background:#161816cc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wb-drop-bar{background:var(--he-viewer-ink);pointer-events:none;z-index:5;border-radius:2px;width:3px;display:none;position:absolute;box-shadow:0 0 0 2px #f1efe840}.wb-ghost{z-index:60;aspect-ratio:3/2;outline:2px solid var(--he-viewer-ink);pointer-events:none;background:#232623 50%/cover no-repeat;border-radius:6px;width:120px;display:none;position:fixed;top:0;left:0;box-shadow:0 8px 24px #0009}.wb-ghost[data-count]:not([data-count=""]):after{content:attr(data-count);background:var(--he-viewer-ink);color:var(--he-viewer);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:4px;right:4px}.wb-edit{flex-direction:column;height:100%;min-height:0;display:flex}.wb-stage{touch-action:none;background:#0f110f;flex:1;min-height:0;position:relative;overflow:hidden}.wb-canvas,.wb-before{display:block;position:absolute}.wb-before[data-waiting]{filter:grayscale()brightness(.7);opacity:.6}.wb-stage-note{white-space:nowrap;padding:4px 10px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.wb-stagebar{pointer-events:none;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.wb-stagebar>*{pointer-events:auto}.wb-stagebar .he-viewer-btn{background:#161816c7}.wb-position{text-align:center;min-width:64px;color:var(--he-viewer-dim);font-variant-numeric:tabular-nums;font-size:12.5px}.wb-before-btn{-webkit-user-select:none;user-select:none;touch-action:none}.wb-before-btn[aria-pressed=true]{background:var(--he-viewer-ink);border-color:var(--he-viewer-ink);color:var(--he-viewer)}.wb-film{height:var(--wb-film);border-top:1px solid var(--he-viewer-line);scrollbar-width:thin;flex:none;gap:4px;padding:6px 8px;display:flex;overflow:auto hidden}.wb-film-item{aspect-ratio:3/2;outline-offset:-2px;cursor:pointer;background:#232623;border:0;border-radius:4px;outline:2px solid #0000;flex:none;height:100%;padding:0;position:relative;overflow:hidden}.wb-film-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.wb-film-item:not([data-status=done]) img{filter:grayscale()brightness(.7)}.wb-film-item[data-selected]{outline-color:#f1efe88c}.wb-film-item[data-active]{outline-color:var(--he-viewer-ink)}.wb-film-item[data-left] img{opacity:.3}.wb-film-item .wb-tile-dot{width:6px;height:6px;top:4px;right:4px}.wb-panel{border-left:1px solid var(--he-viewer-line);background:var(--he-viewer);padding-bottom:32px}.wb-panel-head{z-index:2;border-bottom:1px solid var(--he-viewer-line);background:var(--he-viewer);padding:12px 14px 10px;position:sticky;top:0}.wb-panel-head strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.wb-panel-head span{color:var(--he-viewer-dim);margin-top:2px;font-size:12.5px;display:block}.wb-tabs{margin:10px 14px 0;display:none}.wb-sec{border-bottom:1px solid var(--he-viewer-line);padding:10px 14px 14px}.wb-sec-title{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-weight:600}.wb-step{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.wb-step .he-viewer-btn,.wb-trio .he-viewer-btn,.wb-wide{justify-content:center}.wb-row{margin:4px 0 8px}.wb-row[data-changed]>output{color:var(--he-viewer-ink)}.wb-wide{width:100%;margin-top:8px}.wb-aspects{margin:10px 0 6px}.wb-aspects>button{min-height:34px;padding:4px 6px}.wb-trio{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.wb-input{border:1px solid var(--he-viewer-line);width:100%;min-height:38px;color:var(--he-viewer-ink);font:inherit;background:#1f221f;border-radius:8px;padding:6px 9px}.wb-input:focus-visible{outline:2px solid var(--he-viewer-ink);outline-offset:1px}.wb-sec select.wb-input{appearance:auto}#wb-name-template{font-family:var(--he-font-mono);margin-top:8px;font-size:13px}.wb-tokens{gap:4px;margin-top:6px;display:flex}.wb-tokens button{min-height:32px;color:var(--he-viewer-dim);cursor:pointer;background:0 0;border:1px dashed #f1efe859;border-radius:6px;flex:1;padding:4px 0;font-size:12px}.wb-tokens button:hover{color:var(--he-viewer-ink)}.wb-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.wb-pair label{color:var(--he-viewer-dim);align-items:center;gap:6px;font-size:12.5px;display:flex}.wb-pair .wb-input{min-height:34px;padding:4px 6px}.wb-name-preview{font-family:var(--he-font-mono);color:#d3d6cf;word-break:break-all;margin:10px 0 0;font-size:12px;line-height:1.6}.wb-name-preview span,.wb-name-preview em{display:block}.wb-name-preview em{color:var(--he-viewer-dim);font-style:normal}.wb-first{margin-top:0}.wb-download-top svg{margin-right:-1px}@keyframes wb-flash{0%{box-shadow:0 0 #f1efe8bf}to{box-shadow:0 0 0 12px #f1efe800}}.wb-download[data-flash] .he-viewer-btn-primary{animation:.7s ease-out 2 wb-flash}.wb-download-line,.wb-download-note,.wb-download-short{color:var(--he-viewer-dim);margin:8px 0 0;font-size:12.5px}.wb-download-note{color:var(--he-viewer-ink)}.wb-download-short{color:#f0b9a8}.wb-download-short .he-viewer-btn{min-height:32px;padding:0 10px;text-decoration:none}.wb-attach-buttons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.wb-attach-buttons .he-viewer-btn{min-height:34px}.wb-run{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.wb-run p{margin:0}.wb-run-main{flex-wrap:wrap;align-items:baseline;gap:2px 14px;min-width:0;display:flex}.wb-run-side{align-items:center;gap:12px;margin-left:auto;display:flex}.wb-run-head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:16px;display:flex}.wb-run-number{font-family:var(--he-font-mono);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.wb-run-label,.wb-run-detail,.wb-run-note{color:var(--he-viewer-dim);font-size:12.5px}.wb-run-detail{text-wrap:pretty}.wb-run-wait{font-size:13px}.wb-run-error{color:#f0b9a8;font-size:13px}.wb-start{height:auto!important;display:block!important;overflow:visible!important}.wb-brand{font-family:var(--he-font-serif);letter-spacing:-.6px;padding:0 6px;font-size:22px}.wb-start-main{flex-direction:column;justify-content:center;max-width:860px;min-height:calc(100dvh - 56px);margin:0 auto;padding:28px 16px 16dvh;display:flex}.wb-drop{text-align:center;background:#1b1e1b;border:1.5px dashed #f1efe866;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:36px 18px;display:flex}.wb-drop[data-over]{border-color:var(--he-viewer-ink);background:#232623}.wb-drop[data-busy]{border-style:solid}.wb-drop p{margin:0}.wb-drop-title{font-family:var(--he-font-serif);letter-spacing:-.6px;font-size:28px}.wb-drop-sub{color:var(--he-viewer-dim)}.wb-drop-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.wb-drop .wb-run,.wb-drop .wb-run-main{justify-content:center}.wb-resume{border:1px solid var(--he-viewer-line);background:#1b1e1b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.wb-resume p{flex:1;min-width:180px;margin:0}.wb-resume strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.wb-resume span{color:var(--he-viewer-dim);margin-top:2px;font-size:12.5px;display:block}.wb-sample{border-top:1px solid var(--he-viewer-line);flex-direction:column;align-items:center;gap:6px;width:min(100%,520px);margin-top:10px;padding-top:14px;display:flex}.wb-sample-what{color:var(--he-viewer-dim);font-size:12.5px}.wb-sample-raw{color:var(--he-viewer-dim);text-underline-offset:3px;font-size:12.5px;text-decoration:underline}.wb-sample-raw:hover{color:var(--he-viewer-ink)}.wb-tag{background:var(--wb-mark);color:#1b1e1b;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-self:center;padding:2px 7px;font-size:11px;font-weight:700}.wb-run-side a.he-viewer-btn{text-decoration:none}.wb-start-note{color:var(--he-viewer-dim);text-align:center;margin:14px 2px 0;font-size:12.5px}.wb-start-error{text-align:center;margin:12px 2px 0}.wb-coarse{display:none}@media (pointer:coarse){.wb-fine{display:none!important}.wb-coarse{display:inline}}.wb-selbar,.wb-scrim{display:none}.wb-toast{z-index:80;opacity:0;pointer-events:none;max-width:90vw;padding:8px 14px;font-size:13px;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.wb-toast[data-shown]{opacity:1;transform:translate(-50%)}@media (min-width:900px){.wb-app{grid-template-columns:minmax(0,1fr)var(--wb-panel);grid-template-rows:56px auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.wb-top{grid-area:1/1/auto/3}.wb-status{grid-area:2/1}.wb-main{grid-area:3/1;min-height:0;overflow:auto}.wb-panel{flex-direction:column;grid-area:2/2/4;min-height:0;padding-bottom:0;display:flex;overflow-y:auto}.wb-panel>*{flex:none}.wb-panel:not(:has(.wb-download)){padding-bottom:32px}.wb-download{z-index:3;background:var(--he-viewer);box-shadow:0 -1px 0 var(--he-viewer-line),0 -12px 18px -6px #00000059;border-bottom:0;margin-top:auto;padding-top:12px;position:sticky;bottom:0}.wb-download .wb-sec-title{display:none}.wb-only-narrow{display:none!important}}@media (max-width:899px){.wb-app{--wb-film:66px}.wb-only-wide{display:none!important}.wb-count{display:none}.wb-grid{grid-template-columns:repeat(3,1fr);gap:4px}.wb-grid-wrap{padding:4px 4px 104px}.wb-tile{border-radius:3px}.wb-tile-name,.wb-app[data-view=edit] .wb-status{display:none}.wb-edit{height:auto}.wb-stage{flex:none;height:56dvh}.wb-panel{border-left:0}.wb-app[data-view=edit] .wb-panel-head{padding:8px 14px 6px;position:static}.wb-app[data-view=edit] .wb-tabs{margin-top:8px}.wb-app[data-view=edit] .wb-sec[data-wb-quick]{padding-top:8px}.wb-app[data-view=edit] .wb-tabs{display:grid}.wb-app[data-view=edit] .wb-sec{display:none}.wb-app[data-view=edit][data-tab=light] .wb-sec[data-tab=light],.wb-app[data-view=edit][data-tab=colour] .wb-sec[data-tab=colour],.wb-app[data-view=edit][data-tab=crop] .wb-sec[data-tab=crop],.wb-app[data-view=edit] .wb-sec.wb-download{display:block}.wb-download-top{border-color:#0000;justify-content:center;width:40px;padding:0}.wb-app[data-view=grid] .wb-panel{z-index:40;border-top:1px solid var(--he-viewer-line);max-height:78dvh;padding-bottom:max(24px,env(safe-area-inset-bottom));border-radius:14px 14px 0 0;transition:transform .22s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.wb-app[data-view=grid][data-sheet] .wb-panel{transform:none}.wb-app[data-view=grid] .wb-sec{display:none}.wb-app[data-view=grid][data-sheet=adjust] .wb-sec[data-tab=light],.wb-app[data-view=grid][data-sheet=names] .wb-sec[data-tab=names],.wb-app[data-view=grid][data-sheet=download] .wb-sec[data-tab=download]{display:block}.wb-app[data-view=grid][data-sheet=names] .wb-panel-head,.wb-app[data-view=grid][data-sheet=download] .wb-panel-head{display:none}.wb-app[data-view=grid][data-sheet] .wb-scrim{z-index:39;background:#00000073;border:0;display:block;position:fixed;inset:0}.wb-app[data-view=grid][data-selecting] .wb-selbar,.wb-app[data-view=grid][data-has-selection] .wb-selbar{left:8px;right:8px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;border:1px solid var(--he-viewer-line);background:#262926;border-radius:12px;align-items:center;gap:6px;padding:6px 6px 6px 12px;display:flex;position:fixed;box-shadow:0 6px 24px #00000080}.wb-selbar>span{white-space:nowrap;flex:1;font-size:13.5px;font-weight:600}.wb-title{max-width:44vw;font-size:15px}.wb-resume p{flex-basis:100%}.wb-resume .he-viewer-btn{flex:1;justify-content:center}.wb-run-number{font-size:20px}.wb-run-note{display:none}.wb-drop-title{font-size:24px}}@media (prefers-reduced-motion:reduce){.wb-download[data-flash] .he-viewer-btn-primary{animation:none}.wb-toast,.wb-app[data-view=grid] .wb-panel,.wb-tile-bar i{transition:none}}