.wb{position:relative}.wb-empty{max-width:760px;margin:0 auto}.wb-drop{background:var(--surface);border:2px dashed color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 20px 28px;transition:border-color .15s,background .15s;display:flex}.wb-drop:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface))}.wb-drop-ico{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:20px;place-items:center;display:grid}.wb-or{color:var(--muted);font-size:.95rem}.wb-types{color:var(--muted);font-size:.82rem}kbd{font:600 .78rem var(--font);border:1px solid var(--line-strong);background:var(--surface-2);border-bottom-width:2px;border-radius:6px;padding:2px 6px}.wb-private{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:10px 0 0;font-size:.86rem;display:flex}.wb-private .ico{color:var(--good)}.wb-work{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.wb-main{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:360px;box-shadow:var(--shadow);padding:14px}.wb-bar{align-items:center;gap:10px;padding:2px 2px 14px;display:flex}.wb-count{color:var(--muted);margin-right:auto;font-size:.9rem}.wb-files{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.wb-file{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.wb-file:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.wb-thumb{aspect-ratio:4/3;background:var(--checker);position:relative}.wb-thumb img{object-fit:contain;width:100%;height:100%;display:block}.wb-badge{background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm);border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:800;position:absolute;top:8px;left:8px}.wb-badge.good{background:var(--good);color:#fff}.wb-x{color:#fff;cursor:pointer;opacity:0;background:#0f12238c;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.wb-file:hover .wb-x,.wb-x:focus-visible{opacity:1}@media (hover:none){.wb-x{opacity:1}}.wb-prog{background:color-mix(in srgb, var(--accent) 15%, transparent);opacity:0;height:4px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wb-prog i{background:var(--accent);border-radius:4px;width:40%;animation:1.1s ease-in-out infinite wb-slide;position:absolute;top:0;bottom:0}.is-working .wb-prog{opacity:1}.is-working .wb-thumb img{opacity:.55}@keyframes wb-slide{0%{left:-40%}to{left:100%}}.wb-info{flex:1;gap:4px;padding:10px 12px 12px;display:grid}.wb-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.wb-meta{color:var(--muted);min-height:2.6em;font-size:.84rem}.wb-meta s{opacity:.8}.wb-meta b{color:var(--text)}.wb-dims{font-size:.78rem}.wb-err{color:var(--danger)}.is-error{border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.wb-actions{gap:8px;margin-top:6px;display:flex}.wb-actions .btn{flex:1}.wb-actions .icon-btn:disabled{opacity:.45;cursor:default}.wb-side{gap:14px;display:grid;position:sticky;top:78px}.wb-settings{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.wb-side-title{align-items:center;gap:8px;margin-bottom:14px;font-size:1.05rem;font-weight:800;display:flex}.wb-side-title .ico{color:var(--accent)}.wb-sum{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:12px;padding:16px 18px 18px;display:grid}.wb-sum-text{gap:2px;display:grid}.wb-sum-text strong{letter-spacing:-.01em;font-size:1.25rem}.wb-sum-text span{color:var(--muted);min-height:1.3em;font-size:.88rem}.wb-dl{border-radius:12px;padding:15px 18px;font-size:1.02rem}.wb-overlay{z-index:70;background:color-mix(in srgb, var(--accent) 16%, #0a0c1e59);backdrop-filter:blur(3px);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.wb-overlay>div{color:#fff;border:3px dashed #fff;border-radius:28px;justify-items:center;gap:10px;padding:40px 60px;font-size:1.3rem;display:grid}.wb-cmp{border-radius:var(--radius-lg);background:var(--surface);width:min(1100px,100vw - 24px);max-height:calc(100vh - 24px);color:var(--text);box-shadow:var(--shadow-lg);border:0;padding:0}.wb-cmp::backdrop{background:#080a1899}.cmp-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px 12px 18px;display:flex}.cmp-head strong{white-space:nowrap;text-overflow:ellipsis;margin-right:auto;overflow:hidden}.cmp-stage{--split:50%;--ox:50%;--oy:50%;background:var(--checker);user-select:none;height:min(72vh,760px);position:relative;overflow:hidden}.cmp-stage img{object-fit:contain;width:100%;height:100%;transform-origin:var(--ox) var(--oy);transition:transform .15s;position:absolute;inset:0}.cmp-stage.zoom img{transform:scale(2)}.cmp-after{clip-path:inset(0 0 0 var(--split))}.cmp-line{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000040}.cmp-line:after{content:"⟷";color:#222;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000004d}.cmp-label{color:#fff;pointer-events:none;background:#0a0c1eb3;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700;position:absolute;bottom:14px}.cmp-label.l{left:14px}.cmp-label.r{right:14px}.cmp-stage input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (width<=900px){.wb-work{grid-template-columns:1fr}.wb-side{position:static}.wb-settings{margin-bottom:80px}.wb-sum{z-index:40;box-shadow:var(--shadow-lg);grid-template-columns:1fr auto;align-items:center;padding:12px 14px;position:fixed;bottom:10px;left:10px;right:10px}.wb-sum-text strong{font-size:1rem}.wb-dl{padding:12px 14px;font-size:.92rem}.wb-main{padding:10px}.wb-files{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}@media (width<=640px){.wb-drop{padding:34px 16px 30px}.wb-or{font-size:.88rem}.wb-or kbd,.wb-or{display:inline}}.ct-target[data-astro-cid-a4ae6rdh]{background:var(--surface-2);border-radius:12px;margin-top:14px;padding:14px}.ct-size[data-astro-cid-a4ae6rdh]{grid-template-columns:1fr 84px;gap:8px;display:grid}.ct-target[data-astro-cid-a4ae6rdh] .field[data-astro-cid-a4ae6rdh]{margin-bottom:10px}.more[data-astro-cid-a4ae6rdh]{margin-top:12px}.check[data-astro-cid-a4ae6rdh]{margin-top:2px}