.clip-frame[data-astro-cid-zsudem6h]{background-position:50%;background-size:cover}@media (prefers-reduced-motion:reduce){.clip-motion[data-astro-cid-zsudem6h]{display:none}.clip-frame[data-astro-cid-zsudem6h]{aspect-ratio:var(--clip-ar)}}:root[data-motion=off] .clip-motion[data-astro-cid-zsudem6h]{display:none}:root[data-motion=off] .clip-frame[data-astro-cid-zsudem6h]{aspect-ratio:var(--clip-ar)}.hd{--hud-text:#fffffff0;--hud-caption:#ffffff9e;--keycap:#2b2d34;--keycap-line:#ffffff24;--wall-top:#3c3a4f;--wall-mid:#25272f;--wall-bottom:#191b22;isolation:isolate;position:relative;container-type:inline-size}.hd__stage{--u:calc(100cqw / 760)}@container (width<=619.98px){.hd__stage{--u:calc(100cqw / 470)}}.hd__stage{aspect-ratio:4/3;border-radius:var(--radius-card);background:linear-gradient(to bottom, var(--wall-top), var(--wall-mid) 55%, var(--wall-bottom));width:100%;box-shadow:var(--shadow-card);color:var(--hud-text);font-family:var(--font-sans);user-select:none;touch-action:manipulation;position:relative;overflow:hidden}@media (width>=40rem){.hd__stage{aspect-ratio:16/10}}.hd__stage:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hd__menubar{height:calc(32 * var(--u));padding-inline:calc(14 * var(--u));color:#ffffffd1;font-size:calc(11 * var(--u));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.hd__mb-group{align-items:center;gap:calc(12 * var(--u));display:flex}.hd__mb-group b{font-weight:600}.hd__mb-mark{width:calc(15 * var(--u));height:calc(14 * var(--u));border:calc(1.6 * var(--u)) solid currentColor;border-radius:calc(4.5 * var(--u));display:block;position:relative}.hd__mb-mark:after{content:"";top:calc(-1.6 * var(--u));width:calc(6.5 * var(--u));height:calc(3 * var(--u));border-radius:0 0 calc(2.5 * var(--u)) calc(2.5 * var(--u));background:currentColor;position:absolute;left:50%;transform:translate(-50%)}.hd__mb-mark--awake{background:currentColor}.hd__mb-mark--awake:after{background:var(--wall-top)}.hd__desktop{inset:calc(32 * var(--u)) calc(16 * var(--u)) calc(124 * var(--u));position:absolute}.hd__win{border-radius:var(--radius-mac);transition-property:inset;transition-duration:.32s;transition-timing-function:var(--ease-spring);contain:layout paint;background:#18191fdb;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 18px 40px -18px #000c}.hd__win-bar{align-items:center;gap:calc(6 * var(--u));height:calc(22 * var(--u));padding-inline:calc(9 * var(--u));font-size:calc(10.5 * var(--u));color:#ffffffbf;background:#ffffff12;display:flex}.hd__win-dots{gap:calc(4 * var(--u));display:flex}.hd__win-dots i{width:calc(6 * var(--u));height:calc(6 * var(--u));opacity:.35;background:currentColor;border-radius:50%}.hd__win-body{gap:calc(7 * var(--u));padding:calc(12 * var(--u));display:grid}.hd__win-body i{height:calc(5 * var(--u));border-radius:calc(2.5 * var(--u));background:#ffffff17;display:block}.hd__zone-preview{border:calc(1.5 * var(--u)) solid var(--color-accent);border-radius:var(--radius-mac);background:color-mix(in oklab, var(--color-accent) 22%, transparent);transition:inset .2s var(--ease-out-soft);pointer-events:none;position:absolute}.hd__dropped{justify-items:center;gap:calc(4 * var(--u));width:calc(62 * var(--u));font-size:calc(10 * var(--u));color:#fffc;text-align:center;animation-name:hd-pop;animation-duration:.32s;animation-timing-function:var(--ease-spring);display:grid;position:absolute}.hd-bridge{z-index:3;width:100%;height:calc(148 * var(--u));clip-path:inset(0 calc(50% - 100 * var(--u)) calc(116 * var(--u)) round 0 0 calc(10 * var(--u)) calc(10 * var(--u)));background:#000;position:absolute;top:0;left:0}.hd-bridge__content{animation:hd-fade var(--duration-fast) linear;position:absolute;inset:0}@keyframes hd-fade{0%{opacity:0}}@keyframes hd-pop{0%{opacity:0;transform:scale(.7)}}.hd-outline{pointer-events:none;position:absolute;top:0;overflow:visible}.hd-outline path{fill:none;stroke:var(--color-accent);stroke-width:2px;opacity:.35;stroke-dasharray:1;stroke-dashoffset:1px;animation:.35s ease-out forwards hd-sweep}@keyframes hd-sweep{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.hd-outline path{animation:.35s ease-out forwards hd-sweep,.9s ease-in-out .35s infinite alternate hd-breathe}}@keyframes hd-breathe{to{opacity:1}}.hd-wing{top:calc(11 * var(--u));align-items:center;gap:calc(11 * var(--u));height:calc(24 * var(--u));display:flex;position:absolute}.hd-wing--left{right:calc(50% + 100 * var(--u));flex-direction:row}.hd-wing--right{left:calc(50% + 100 * var(--u))}.hd-tile{align-items:center;gap:calc(6 * var(--u));height:calc(24 * var(--u));color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;display:flex;position:relative}.hd-tile--flash:after{content:"";inset:calc(-2 * var(--u)) calc(-4 * var(--u));border-radius:calc(6 * var(--u));background:color-mix(in oklab, var(--color-accent) 50%, transparent);pointer-events:none;animation:.5s linear hd-pulse;position:absolute}@keyframes hd-pulse{0%{opacity:0}12%{opacity:1}45%{opacity:1}to{opacity:0}}.hd-app{box-shadow:inset 0 calc(1 * var(--u)) 0 #ffffff47;color:#fff;border-radius:22.4%;flex:none;place-items:center;display:grid}.hd-badge{bottom:calc(-3 * var(--u));left:calc(-3 * var(--u));min-width:calc(13 * var(--u));height:calc(13 * var(--u));padding-inline:calc(2 * var(--u));border:calc(1.5 * var(--u)) solid #000;border-radius:calc(4 * var(--u));background:var(--keycap);color:var(--hud-text);font-family:var(--font-mono);font-size:calc(8 * var(--u));place-items:center;font-weight:600;line-height:1;display:grid;position:absolute}.hd-running{top:calc(-1 * var(--u));right:calc(-1 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));border:calc(1 * var(--u)) solid #000;background:var(--color-success);border-radius:50%;position:absolute}.hd-keycap{min-width:calc(20 * var(--u));height:calc(20 * var(--u));padding-inline:calc(5 * var(--u));border:calc(1 * var(--u)) solid var(--keycap-line);border-radius:calc(5 * var(--u));background:var(--keycap);color:var(--hud-text);font-family:var(--font-mono);font-size:calc(11 * var(--u));flex:none;place-items:center;font-weight:600;line-height:1;display:grid}.hd-pill{align-items:center;gap:calc(6 * var(--u));height:calc(24 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(2 * var(--u));border-radius:calc(7 * var(--u));font-size:calc(11 * var(--u));white-space:nowrap;background:#ffffff14;display:flex}.hd-value{font-family:var(--font-sans);font-size:calc(14 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.hd-dot{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--color-accent);border-radius:50%}.hd-caption{width:100%;color:var(--hud-caption);font-size:calc(11 * var(--u));white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.hd-shelf{align-items:stretch;display:flex;position:absolute}.hd-shelf__cells{gap:calc(18 * var(--u));padding:calc(7 * var(--u)) calc(16 * var(--u)) 0;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.hd-shelf__cells::-webkit-scrollbar{display:none}.hd-cell{width:calc(62 * var(--u));height:fit-content;color:inherit;font:inherit;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;justify-items:center;padding:0;display:grid;position:relative}.hd-cell:before{content:"";inset:calc(-2 * var(--u)) calc(-1 * var(--u));border-radius:calc(8 * var(--u));opacity:0;position:absolute}.hd-cell--sel:before{border:1px solid var(--color-accent);background:color-mix(in oklab, var(--color-accent) 16%, transparent);opacity:1}.hd-cell--flash:before{border:1px solid var(--color-accent);background:color-mix(in oklab, var(--color-accent) 40%, transparent);opacity:1}.hd-cell--cut{opacity:.45}.hd-file--lifted,.hd-cell--lifted{opacity:.35}.hd-cell__name{width:calc(62 * var(--u));margin-top:calc(8 * var(--u));color:#ffffffc7;font-size:calc(11 * var(--u));text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hd-cell__name input{border-radius:calc(3 * var(--u));background:color-mix(in oklab, var(--color-accent) 25%, transparent);color:#fff;width:100%;font:inherit;text-align:center;border:0;padding:0}.hd-cell__name input:focus{outline:none}.hd-card{width:calc(44 * var(--u));height:calc(54 * var(--u));display:block;position:relative}.hd-card__face{border-radius:calc(6 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(7 * var(--u)) #0006;background:linear-gradient(#fdfdfd,#e7e7ee);position:absolute;inset:0;overflow:hidden}.hd-card__band{height:calc(14 * var(--u));border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 0 0;color:#fff;font-family:var(--font-mono);font-size:calc(8 * var(--u));font-weight:700;line-height:calc(14 * var(--u));text-align:center;position:absolute;inset:0 0 auto}.hd-card__fold{top:calc(-5 * var(--u));right:calc(-5 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(5 * var(--u));background:#0000001a;position:absolute}.hd-card__behind{inset:calc(4 * var(--u)) calc(-5 * var(--u)) calc(-4 * var(--u)) calc(5 * var(--u));border-radius:calc(6 * var(--u));background:#b9b9c48c;position:absolute}.hd-card__count{top:calc(-7 * var(--u));right:calc(-7 * var(--u));width:calc(21 * var(--u));height:calc(21 * var(--u));border:calc(2 * var(--u)) solid #000;background:var(--color-accent);color:#fff;font-size:calc(10 * var(--u));border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute}.hd-strip{flex:none;align-items:center;display:flex;position:relative}.hd-strip:before{content:"";top:calc(12 * var(--u));width:1px;height:calc(78 * var(--u));background:#ffffff1a;position:absolute;left:0}.hd-strip__col{justify-content:center;align-items:center;gap:calc(6 * var(--u));flex-direction:column;display:flex}.hd-strip__btn{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:calc(7 * var(--u));color:#fff;cursor:pointer;transition:background var(--duration-fast) linear;background:#ffffff1f;border:0;place-items:center;display:grid;position:relative}.hd-strip__btn:hover{background:#ffffff38}.hd-strip__btn:active{background:#ffffff4d}.hd-strip__btn--armed{background:color-mix(in oklab, var(--color-danger) 30%, transparent)}.hd-strip__btn--ok{color:var(--color-success)}.hd-strip__cap{top:calc(-5 * var(--u));right:calc(-5 * var(--u));min-width:calc(13 * var(--u));height:calc(13 * var(--u));padding-inline:calc(3 * var(--u));border-radius:calc(4 * var(--u));color:#ffffffeb;font-family:var(--font-mono);font-size:calc(8.5 * var(--u));background:#292929;border:1px solid #000;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.hd-zone{align-content:center;place-items:center;gap:calc(4 * var(--u));height:calc(75 * var(--u));margin-inline:calc(8 * var(--u)) 0;border-radius:var(--radius-card);font-size:calc(12 * var(--u));flex:none;align-self:center;font-weight:600;display:grid}.hd-zone--convert{border:calc(1.5 * var(--u)) dashed #ffffff38;color:#ffffffd9}.hd-zone--convert.is-over{border-style:solid;border-color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 16%, transparent)}.hd-zone--airdrop{border:calc(1.5 * var(--u)) solid transparent;background:var(--color-accent);box-shadow:0 0 calc(14 * var(--u)) color-mix(in oklab, var(--color-accent) 60%, transparent);color:#fff}.hd-zone--airdrop.is-over{background:var(--color-accent-hi)}.hd-zone__rings{display:block}.hd-zone__grid{gap:calc(5 * var(--u));width:100%;padding:calc(8 * var(--u));grid-auto-flow:column;display:grid}.hd-zone__fmt{height:calc(22 * var(--u));border-radius:calc(6 * var(--u));padding:0 calc(4 * var(--u));color:#fff;font-family:var(--font-sans);font-size:calc(11 * var(--u));cursor:pointer;background:#ffffff24;border:0;font-weight:600}.hd-zone__fmt:hover{background:#ffffff42}.hd-plate{inset:calc(7 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));align-content:center;place-items:center;gap:calc(6 * var(--u));border:calc(1.5 * var(--u)) dashed var(--color-accent);border-radius:var(--radius-card);font-size:calc(12 * var(--u));pointer-events:none;background:#000c;font-weight:600;display:grid;position:absolute}.hd-plate.is-over{background:color-mix(in oklab, var(--color-accent) 90%, transparent);border-style:solid}.hd-band{width:100%;padding:0 calc(10 * var(--u));color:var(--hud-caption);font-size:calc(11 * var(--u));font-weight:500;line-height:calc(14 * var(--u));text-align:center;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;left:0;overflow:hidden}.hd-band--warn{color:var(--color-danger)}.hd-menu{z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);min-width:11rem;box-shadow:var(--shadow-pop);color:var(--fg);font-size:var(--text-xs);padding:.3rem;position:absolute}.hd-menu button{border-radius:var(--radius-inner);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.3rem .55rem;display:block}.hd-menu button:hover{background:var(--color-accent);color:var(--color-on-accent)}.hd-menu hr{margin:.25rem 0}.hd-ql{z-index:15;align-content:center;place-items:center;gap:calc(10 * var(--u));backdrop-filter:blur(calc(6 * var(--u)));color:#fff;font-size:calc(12 * var(--u));animation:hd-fade var(--duration-fast) linear;cursor:zoom-out;background:#0000008c;display:grid;position:absolute;inset:0}.hd-ql .hd-card{width:calc(120 * var(--u));height:calc(148 * var(--u))}.hd-ql .hd-card__band{height:calc(34 * var(--u));font-size:calc(18 * var(--u));line-height:calc(34 * var(--u))}.hd__tray{right:calc(12 * var(--u));bottom:calc(46 * var(--u));left:calc(12 * var(--u));gap:calc(10 * var(--u));justify-content:center;display:flex;position:absolute}.hd-file{justify-items:center;gap:calc(4 * var(--u));color:#ffffffc7;font-size:calc(10 * var(--u));cursor:grab;touch-action:none;background:0 0;border:0;padding:0;display:grid}.hd-file .hd-card{width:calc(34 * var(--u));height:calc(42 * var(--u));transition:transform var(--duration-fast) var(--ease-out-soft)}.hd-file:hover .hd-card,.hd-file:focus-visible .hd-card{transform:translateY(calc(-3 * var(--u)))}.hd-file .hd-card__band{height:calc(11 * var(--u));font-size:calc(6.5 * var(--u));line-height:calc(11 * var(--u))}.hd-ghost{z-index:30;opacity:.92;filter:drop-shadow(0 calc(6 * var(--u)) calc(10 * var(--u)) #00000080);pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.hd-ghost__count{top:calc(-6 * var(--u));right:calc(-8 * var(--u));min-width:calc(18 * var(--u));height:calc(18 * var(--u));background:var(--color-accent);color:#fff;font-size:calc(10 * var(--u));border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute}.hd__rail{justify-content:center;align-items:center;gap:calc(8 * var(--u));padding:calc(9 * var(--u)) calc(12 * var(--u));backdrop-filter:blur(calc(10 * var(--u)));background:#00000057;flex-wrap:wrap;display:flex;position:absolute;bottom:0;left:0;right:0}.hd-key{align-items:center;gap:calc(5 * var(--u));height:calc(24 * var(--u));padding-inline:calc(9 * var(--u));border:calc(1 * var(--u)) solid var(--keycap-line);border-radius:calc(6 * var(--u));background:var(--keycap);color:var(--hud-text);font-size:calc(11 * var(--u));white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) linear, border-color var(--duration-fast) linear;display:flex}.hd-key kbd{font-family:var(--font-mono);font-size:calc(11 * var(--u));font-weight:600}.hd-key:hover{background:#3a3d46}.hd-key[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.hd__hint{right:0;bottom:calc(106 * var(--u));color:#ffffff8c;font-size:calc(10.5 * var(--u));text-align:center;pointer-events:none;position:absolute;left:0}.hd-dial{z-index:10;pointer-events:auto;animation-name:hd-pop;animation-duration:.32s;animation-timing-function:var(--ease-spring);position:absolute}.hd-dial__hit{cursor:pointer}.hd-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.caveats[data-astro-cid-lcdefpme] summary[data-astro-cid-lcdefpme]::-webkit-details-marker{display:none}.caveats[data-astro-cid-lcdefpme][open] summary[data-astro-cid-lcdefpme] svg{transform:rotate(180deg)}