.sh-win{--sh-u: 1px;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;min-height:0;border-radius:10px;overflow:hidden;border:1px solid var(--border);box-shadow:0 12px 32px #00000038}.sh-win[data-fit]{--chrome-h: 31px;width:min(100%,calc((var(--shell-h) - var(--chrome-h)) * var(--ar)))}@supports (container-type: inline-size){.sh-win[data-fit]{container-type:inline-size;--sh-u: clamp(.62px, calc(1cqw / 7.15), 1.05px)}}.sh-win[data-fit]>:not(.sh-chrome){width:100%;height:auto;max-height:none}.sh-win>:not(.sh-chrome){flex:0 1 auto;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0}.sh-win:has(.ph){width:100%;height:100%}.sh-win>.ph{flex:1 1 auto}.sh-chrome{align-self:stretch;flex:0 0 auto;display:flex;align-items:center;gap:calc(8 * var(--sh-u));height:calc(30 * var(--sh-u));padding:0 calc(10 * var(--sh-u));font-size:calc(10.88 * var(--sh-u));line-height:1;user-select:none;border-bottom:1px solid rgba(0,0,0,.12)}.sh-title{flex:1 1 auto;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sh-title.left{text-align:left}.sh-title.bold{font-weight:700}.sh-eq{flex:0 0 calc(44 * var(--sh-u))}.sh-dots{display:inline-flex;gap:calc(7 * var(--sh-u));flex:0 0 calc(44 * var(--sh-u))}.sh-dots i{width:calc(12 * var(--sh-u));height:calc(12 * var(--sh-u));border-radius:50%}.sh-dots .d-r{background:#ff5f57}.sh-dots .d-y{background:#febc2e}.sh-dots .d-g{background:#28c840}.sh-dots.plain i{width:calc(9 * var(--sh-u));height:calc(9 * var(--sh-u));background:#8080808c}.sh-caps{display:inline-flex;align-items:center;gap:calc(12 * var(--sh-u));flex:0 0 auto;font-size:calc(9.92 * var(--sh-u))}.sh-caps i{font-style:normal;opacity:.75}.c-kde .sh-caps{gap:calc(13 * var(--sh-u))}.c-kde .sh-caps i{display:block;position:relative;width:calc(9 * var(--sh-u));height:calc(9 * var(--sh-u));opacity:.8}.c-kde .sh-caps .b-min:before,.c-kde .sh-caps .b-max:before{content:"";position:absolute;left:calc(1 * var(--sh-u));width:calc(5.5 * var(--sh-u));height:calc(5.5 * var(--sh-u));border-left:max(1px,calc(1.1 * var(--sh-u))) solid currentColor;border-bottom:max(1px,calc(1.1 * var(--sh-u))) solid currentColor}.c-kde .sh-caps .b-min:before{top:calc(.5 * var(--sh-u));transform:rotate(-45deg)}.c-kde .sh-caps .b-max:before{top:calc(2.5 * var(--sh-u));transform:rotate(135deg)}.sh-gbtn{flex:0 0 auto;width:calc(18 * var(--sh-u));height:calc(18 * var(--sh-u));border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#00000614}.b-close{display:block;position:relative;width:calc(9 * var(--sh-u));height:calc(9 * var(--sh-u))}.b-close:before,.b-close:after{content:"";position:absolute;top:50%;left:0;width:100%;height:max(1px,calc(1.1 * var(--sh-u)));background:currentColor;border-radius:1px}.b-close:before{transform:rotate(45deg)}.b-close:after{transform:rotate(-45deg)}.c-macos{background:#ececec;color:#3c3c3e}.sh-win[data-dark] .c-macos{background:#323234;color:#b9b9bd;border-bottom-color:#ffffff14}.c-windows{background:#f3f3f3;color:#1b1b1b}.sh-win[data-dark] .c-windows{background:#202020;color:#d6d6d6;border-bottom-color:#ffffff14}.c-gnome{background:#fff;color:#000006cc;border-bottom-color:#0000061f}.sh-win[data-dark] .c-gnome{background:#2e2e32;color:#fff;border-bottom-color:#0000065c}.sh-win[data-dark] .c-gnome .sh-gbtn{background:#ffffff1a}.c-kde{background:#e3e5e7;color:#232629;border-bottom-color:#0000001a}.sh-win[data-dark] .c-kde{background:#272c31;color:#fcfcfc;border-bottom-color:#00000047}.c-browser{background:#f1f0f0;color:#444}.sh-win[data-dark] .c-browser{background:#2c2c2e;color:#bdbdbf;border-bottom-color:#ffffff14}.sh-url{flex:1 1 auto;text-align:center;font-size:calc(9.92 * var(--sh-u));letter-spacing:.02em;background:#0000000f;border-radius:999px;padding:calc(4 * var(--sh-u)) calc(12 * var(--sh-u));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sh-win[data-dark] .sh-url{background:#ffffff17}.sh-dev{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:0;--pad: 9px;padding:var(--pad);background:linear-gradient(160deg,#1a1a1c,#060607);box-shadow:inset 0 0 0 1.5px #ffffff14,0 12px 32px #00000047}.sh-dev>*{min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 0 0 1px #ffffff29}.sh-dev:has(.ph){width:100%;height:100%}.sh-dev[data-dev=iphone]{--k: .15;border-radius:42px}.sh-dev[data-dev=iphone]>*{border-radius:33px}.sh-dev[data-dev=android]{--k: .12;--pad: 7px;border-radius:30px}.sh-dev[data-dev=android]>*{border-radius:23px}.sh-dev[data-dev=harmony]{--k: .1;--pad: 8px;border-radius:26px}.sh-dev[data-dev=harmony]>*{border-radius:18px}.sh-dev[data-form=tablet]{--k: .022}.sh-dev[data-dev=android][data-form=tablet],.sh-dev[data-dev=harmony][data-form=tablet]{--k: .03}.sh-dev[data-fit]{--gr: calc(var(--k) / max(var(--ar), 1));border-radius:calc(var(--gr) * (100% - 2 * var(--pad)) + var(--pad)) / calc(var(--gr) * var(--ar) * (100% - 2 * var(--pad)) + var(--pad))}.sh-dev[data-fit]>*{border-radius:calc(var(--gr) * 100%) / calc(var(--gr) * var(--ar) * 100%)}.sh-dev:before,.sh-dev:after{content:"";position:absolute;width:3px;border-radius:2px;background:#212124}.sh-dev[data-dev=iphone]:before{left:-3px;top:21%;height:34px;box-shadow:0 46px #212124}.sh-dev[data-dev=iphone]:after{right:-3px;top:27%;height:56px}.sh-dev[data-dev=android]:before,.sh-dev[data-dev=harmony]:before{right:-3px;top:18%;height:30px}.sh-dev[data-dev=android]:after,.sh-dev[data-dev=harmony]:after{right:-3px;top:28%;height:52px}.sh-dev[data-landscape]:before,.sh-dev[data-landscape]:after{width:auto;height:3px}.sh-dev[data-dev=iphone][data-landscape]:before{left:auto;right:21%;top:-3px;width:34px;height:3px;box-shadow:-46px 0 #212124}.sh-dev[data-dev=iphone][data-landscape]:after{inset:auto auto -3px 27%;width:56px;height:3px}.sh-dev[data-dev=android][data-landscape]:before,.sh-dev[data-dev=harmony][data-landscape]:before{right:18%;top:-3px;width:30px;height:3px}.sh-dev[data-dev=android][data-landscape]:after,.sh-dev[data-dev=harmony][data-landscape]:after{right:28%;top:-3px;width:52px;height:3px}.sh-dev[data-form=tablet]:before{inset:6% -3px auto auto;width:3px;height:24px;box-shadow:0 32px #212124}.sh-dev[data-form=tablet]:after{inset:-3px 6% auto auto;width:28px;height:3px;box-shadow:none}.sh-dev[data-form=tablet][data-landscape]:before{inset:-3px 6% auto auto;width:24px;height:3px;box-shadow:-32px 0 #212124}.sh-dev[data-form=tablet][data-landscape]:after{inset:-3px auto auto 6%;width:28px;height:3px;box-shadow:none}.gal-frame{--shell-h: 22rem;height:var(--shell-h);display:grid;grid-template-rows:minmax(0,1fr);justify-items:center;align-items:center;cursor:zoom-in}.gal-frame .sh-dev{height:100%}.gal-frame .sh-dev[data-landscape]{height:auto;width:100%}.gal-img{border-radius:6px}.gal-src{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--color-text-soft);text-decoration:none;border:1px solid var(--color-border);border-radius:999px;padding:1px 9px;transition:color .15s ease,border-color .15s ease}.gal-src:before{content:"</> ";opacity:.65}.gal-src:hover{color:var(--color-text);border-color:var(--color-text-soft)}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.lightbox[hidden]{display:none}.lightbox:not([hidden]){animation:lb-fade .18s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lb-backdrop{position:absolute;inset:0;background:#03060edb;backdrop-filter:blur(6px)}.lb-stage{position:absolute;inset:0;z-index:1;margin:0;display:grid;place-items:center;pointer-events:none}.lb-img{max-width:92vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:12px;background:var(--color-surface);box-shadow:0 30px 80px -20px #000000b3;animation:lb-pop .18s ease}@keyframes lb-pop{0%{transform:scale(.985);opacity:.6}to{transform:scale(1);opacity:1}}.lb-cap{position:absolute;left:18px;top:18px;z-index:2;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 16px;border-radius:14px;background:color-mix(in srgb,var(--color-surface) 78%,transparent);backdrop-filter:blur(6px)}.lb-shot{color:var(--color-accent);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.lb-plat{color:var(--color-text-soft);font-size:.98rem;display:inline-flex;align-items:center;gap:8px}.lb-plat b{color:var(--color-text);font-weight:600}.lb-note{color:var(--color-text-soft);font-size:.85rem;max-width:34ch}.lb-icon{display:inline-flex}.lb-icon svg{width:1.05rem;height:1.05rem}.lb-btn{position:absolute;z-index:2;appearance:none;cursor:pointer;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-text);backdrop-filter:blur(8px);display:grid;place-items:center;transition:background .15s ease,color .15s ease}.lb-btn:hover{color:var(--color-accent)}.lb-close{top:18px;right:18px;width:42px;height:42px;font-size:1.05rem}.lb-arrow{width:52px;height:52px;font-size:1.7rem;line-height:1}.lb-left{left:20px;top:50%;transform:translateY(-50%)}.lb-right{right:20px;top:50%;transform:translateY(-50%)}.lb-up{top:18px;left:50%;transform:translate(-50%)}.lb-down{bottom:18px;left:50%;transform:translate(-50%)}@media(max-width:620px){.lb-arrow{width:42px;height:42px;font-size:1.3rem}.lb-left{left:8px}.lb-right{right:8px}}