@font-face{font-stretch:75% 125%;font-family:monaSans;src:url(../media/MonaSans_Variable-s.p.1eqw3ufy3bvrq.woff2)format("woff2");font-display:swap;font-weight:200 900;font-style:normal}@font-face{font-family:monaSans Fallback;src:local(Arial);ascent-override:106.37%;descent-override:31.23%;line-gap-override:0.0%;size-adjust:102.48%}.QfdYXq_className{font-family:monaSans,monaSans Fallback;font-style:normal}.QfdYXq_variable{--font-mona-sans:"monaSans", "monaSans Fallback"}
@font-face{font-family:dmMono;src:url(../media/DMMono_Regular.p.076zg-u7nvu35.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}.MgF9Na_className{font-family:dmMono,ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;font-weight:400}.MgF9Na_variable{--font-dm-mono:"dmMono", ui-monospace, SFMono-Regular, Menlo, monospace}
:root{--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-24:1.5rem;--space-32:2rem;--space-48:3rem;--font-sans:var(--font-mona-sans,ui-sans-serif), system-ui, sans-serif;--font-mono:var(--font-dm-mono,ui-monospace), SFMono-Regular, Menlo, monospace;--width-wide:110%;--text-caption:.75rem;--text-small:.875rem;--text-body:1rem;--text-title:1.5rem;--text-heading:4rem;--text-heading-min:2.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-heading:1.1;--leading-tight:1.2;--leading-reading:1.5;--color-bg:#f6f6f6;--color-surface:#fff;--color-line:#d4d4d4;--color-muted:#666;--color-ink:#111;--radius-md:.75rem;--radius-sm:.25rem;--radius-full:999px;--border-width:1px;--focus-ring-width:2px;--opacity-disabled:.55;--opacity-quiet:.7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#111;--color-surface:#1c1c1c;--color-line:#333;--color-muted:#a3a3a3;--color-ink:#f6f6f6}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-reading);flex-direction:column;min-height:100vh;margin:0;display:flex}body>main{flex:1}h1,h2{font-stretch:var(--width-wide);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-16);overflow-wrap:anywhere}h1{font-size:clamp(var(--text-heading-min), 1rem + 6vw, var(--text-heading));line-height:var(--leading-heading)}h2{font-size:var(--text-title)}p{margin:0 0 var(--space-16)}ul,ol{margin:0 0 var(--space-16);padding-left:var(--space-24)}strong,b{font-weight:var(--weight-medium)}a{color:inherit;overflow-wrap:anywhere}:focus-visible{outline:var(--focus-ring-width) solid var(--color-ink);outline-offset:var(--focus-ring-width)}.lede{color:var(--color-muted);max-width:42rem}.meta{color:var(--color-muted);font-size:var(--text-small)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-size:var(--text-small)}.eyebrow{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-small);margin:0 0 var(--space-8)}.badge{border:var(--border-width) dashed var(--color-muted);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-small);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-8);display:inline-block}button,.button{background:var(--color-ink);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-full);color:var(--color-surface);cursor:pointer;font:inherit;font-weight:var(--weight-medium);line-height:var(--leading-tight);overflow-wrap:anywhere;padding:var(--space-12) var(--space-24);justify-content:center;text-decoration:none;display:inline-flex}button:disabled{cursor:wait;opacity:var(--opacity-disabled)}.button-secondary{color:var(--color-ink);background:0 0}.page-shell{max-width:72rem;padding:var(--space-48) var(--space-24);width:100%;margin:0 auto}.site-header{border-bottom:var(--border-width) solid var(--color-line)}.site-footer{border-top:var(--border-width) solid var(--color-line)}.site-bar{align-items:center;gap:var(--space-16);max-width:72rem;padding:var(--space-8) var(--space-24);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.site-bar p{margin:0}.site-brand{font-stretch:var(--width-wide);align-items:center;gap:var(--space-8);font-weight:var(--weight-semibold);padding:var(--space-12) 0;text-decoration:none;display:inline-flex}.site-brand-mark{height:calc(var(--text-body) * var(--leading-tight));flex:none;width:auto}.site-nav{gap:var(--space-16);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{padding:var(--space-12) 0;text-decoration:none;display:inline-block}.site-nav a:hover{text-decoration:underline}.site-actions{align-items:center;gap:var(--space-16);margin-left:auto;display:flex}.header-menu{display:none}.site-header .site-bar{position:relative}.menu-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);min-width:14rem;padding:var(--space-8);right:var(--space-24);z-index:2;position:absolute;top:100%}.menu-panel ul{border-top:var(--border-width) solid var(--color-line);margin:var(--space-8) 0 0;padding:var(--space-8) 0 0;list-style:none}.menu-panel a{border-radius:var(--radius-sm);padding:var(--space-12) var(--space-8);text-decoration:none;display:block}.menu-panel a:hover{text-decoration:underline}:root[data-theme=dark] .theme-toggle-to-dark,:root:not([data-theme=dark]) .theme-toggle-to-light{display:none}.prose{max-width:46rem}.prose h2{margin-top:var(--space-32)}.home .section{border-top:var(--border-width) solid var(--color-line);margin-top:var(--space-48);padding-top:var(--space-32)}.home .section>p,.section-head>p{max-width:42rem}.hero{align-items:center;gap:var(--space-32);grid-template-columns:minmax(0,1.4fr) minmax(12rem,.6fr);display:grid}.cta-row{gap:var(--space-12);margin-top:var(--space-24);flex-wrap:wrap;display:flex}.split{align-items:center;gap:var(--space-32);grid-template-columns:minmax(0,1.4fr) minmax(10rem,.6fr);display:grid}.placeholder-frame{aspect-ratio:1;border:var(--border-width) dashed var(--color-line);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.steps{margin:var(--space-16) 0 var(--space-24)}.faq{margin:0}.faq dt{font-weight:var(--weight-medium);margin-top:var(--space-24)}.faq dd{color:var(--color-muted);margin:var(--space-8) 0 0;max-width:42rem}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);min-height:12rem;padding:var(--space-24)}.icon-canvas{aspect-ratio:var(--icon-ratio,1);max-width:100%;height:auto;max-height:100%;width:var(--icon-w,100%)}.cover-wrap{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:8rem;padding:0;display:flex;position:relative;overflow:hidden}.hero-visual .cover-wrap{aspect-ratio:1}.hero-visual .icon-canvas{width:100%}.icon-hint{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-full);color:var(--color-ink);font-size:var(--text-small);font-weight:var(--weight-medium);left:calc(var(--hint-x,0px) + var(--space-12));line-height:var(--leading-tight);padding:var(--space-4) var(--space-12);pointer-events:none;top:calc(var(--hint-y,0px) + var(--space-16));white-space:nowrap;z-index:1;position:fixed}.icon-hint-anchored{bottom:var(--space-8);position:absolute;top:auto;left:50%;transform:translate(-50%)}.cover-error{padding:var(--space-16);text-align:center;margin:0;display:block}.icon-grid{gap:var(--space-16);margin:var(--space-24) 0;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));padding:0;list-style:none;display:grid}.icon-tile{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);gap:var(--space-8);padding:var(--space-16);flex-direction:column;text-decoration:none;display:flex}.icon-tile .meta{overflow-wrap:anywhere}.pack-page .section{border-top:var(--border-width) solid var(--color-line);margin-top:var(--space-48);padding-top:var(--space-32)}.pack-header{align-items:start;gap:var(--space-32);margin-bottom:var(--space-32);justify-content:space-between;display:flex}.icon-pick{color:var(--color-ink);cursor:pointer;font-weight:var(--weight-regular);line-height:var(--leading-reading);text-align:left;width:100%}.icon-pick[aria-pressed=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 var(--border-width) var(--color-ink)}.pack-browser{align-items:start;column-gap:var(--space-48);row-gap:var(--space-32);grid-template-columns:minmax(0,.55fr) minmax(0,1fr);grid-template-areas:"icons player";display:grid}.pack-icons{grid-area:icons;min-width:0}.pack-icons .icon-grid{grid-template-columns:repeat(auto-fill,minmax(min(8rem,100%),1fr));margin-bottom:0}.player-card{gap:var(--space-24);min-width:0;top:var(--space-24);flex-direction:column;grid-area:player;display:flex;position:sticky}.stage{flex-direction:column;min-width:0;display:flex}.player-head{align-items:flex-start;gap:var(--space-8) var(--space-16);flex-wrap:wrap;justify-content:space-between;display:flex}.player-head h2,.player-head p{margin:0}.player-head .meta{margin-top:var(--space-4)}.zoom-list{align-content:flex-start;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end;margin-left:auto;display:flex}.zoom-list button,.player-bar-modes button,.player-bar-view,.player-bar-unit,.player-bar-speed>button{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink);font-size:var(--text-small);padding:var(--space-4) var(--space-8);flex:none}.stage-view{flex:none;height:18rem;display:flex;overflow:auto;container-type:size}.canvas-wrap{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex}.canvas-wrap:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}.canvas-wrap .icon-canvas{width:min(calc(var(--icon-w,100%) * 4), 100%);width:min(calc(var(--icon-w,100%) * 4), 100cqw, calc(100cqh * (var(--icon-ratio,1))))}.player-card:not([data-zoom=fit]) .canvas-wrap{flex:none;min-width:100%;min-height:100%;margin:auto}.player-card:not([data-zoom=fit]) .canvas-wrap .icon-canvas{max-width:none;max-height:none;width:calc(var(--icon-w) * var(--icon-zoom,1))}.player-bar{align-items:flex-end;gap:var(--space-4);min-height:var(--space-48);flex-wrap:wrap;justify-content:space-between;display:flex}.player-bar-modes{gap:var(--space-4);flex-wrap:wrap;display:flex}.player-bar-play{align-items:center;gap:var(--space-4)}.player-bar-play svg{height:calc(var(--text-small) * var(--leading-tight));width:calc(var(--text-small) * var(--leading-tight));flex:none;display:block}.player-bar-end{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto;display:flex}.player-bar-speed{position:relative}.player-bar-speed>button{min-width:3.5rem}.player-bar-view,.player-bar-unit{min-width:4.5rem}.speed-menu{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);bottom:calc(100% + var(--space-8));min-width:100%;padding:var(--space-4);z-index:2;position:absolute;right:0}.speed-menu button{border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--text-small);font-weight:var(--weight-regular);padding:var(--space-8) var(--space-12);white-space:nowrap;background:0 0;border-color:#0000;justify-content:flex-start;width:100%}.speed-menu button[aria-pressed=true]{background:var(--color-bg);font-weight:var(--weight-medium)}.state-timeline{gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.state-group{border-radius:var(--radius-sm);flex:var(--group-grow,0) 1 auto;flex-wrap:wrap;min-width:0;display:flex;position:relative}.state-group[data-current]{box-shadow:0 0 0 var(--focus-ring-width) var(--color-ink)}.state-segment{color:var(--color-ink);font-size:var(--text-small);font-weight:var(--weight-regular);min-width:0;padding:var(--space-8) var(--space-12);text-align:left;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;overflow:hidden}.state-segment:first-child{border-bottom-left-radius:var(--radius-sm);border-top-left-radius:var(--radius-sm)}.state-segment:last-child{border-bottom-right-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.state-segment-transition{background:var(--color-surface);border-color:var(--color-line);flex:auto}.state-segment-state{background:var(--color-line);border-color:var(--color-line);flex:none}.state-segment:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}.state-segment-fill{background:#7f7f7f73;background:color-mix(in srgb, var(--color-ink) 25%, transparent);width:calc(var(--segment-fill,0) * 100%);position:absolute;inset:0 auto 0 0}.state-segment-name,.state-segment-length{position:relative}.state-segment-name{font-weight:var(--weight-medium)}.state-segment-length{font-family:var(--font-mono);font-size:var(--text-caption);opacity:var(--opacity-quiet)}.state-timeline[data-view=bar] .state-segment{height:var(--space-24);padding:0 calc(var(--space-12) + var(--border-width));background:0 0;border:0;overflow:visible}.state-timeline[data-view=bar] .state-segment:before{border-radius:inherit;content:"";inset:var(--space-8) 0;position:absolute}.state-timeline[data-view=bar] .state-segment-transition:before{background:var(--color-surface);border:var(--border-width) solid var(--color-line)}.state-timeline[data-view=bar] .state-segment-state:before{background:var(--color-line)}.state-timeline[data-view=bar] .state-segment-name{visibility:hidden;height:0}.state-timeline[data-view=bar] .state-segment-fill{background:var(--color-ink);border-radius:inherit;inset:var(--space-8) auto var(--space-8) 0}.state-timeline[data-view=bar] .state-group[data-current]{box-shadow:none}.state-timeline[data-view=bar] .state-group[data-current]:after{border-radius:var(--radius-sm);box-shadow:0 0 0 var(--focus-ring-width) var(--color-ink);content:"";inset:var(--space-8) 0;pointer-events:none;position:absolute}.player-download{flex-direction:column;align-items:flex-end;display:flex}.player-download>.button,.player-download>button{width:60%}.player-download>.thank-you{align-self:stretch}.chip{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink);padding:var(--space-12) var(--space-16)}.zoom-list button[aria-pressed=true],.player-bar-modes button[aria-pressed=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 var(--border-width) var(--color-ink)}.theme-toggle{color:var(--color-ink);padding:var(--space-8);background:0 0;border-color:#0000}.menu-toggle{color:var(--color-ink);margin-right:calc(-1 * var(--space-8));padding:var(--space-8);background:0 0;border-color:#0000}.theme-toggle-row{border-radius:var(--radius-sm);font-weight:var(--weight-regular);padding:var(--space-12) var(--space-8);width:100%}.theme-toggle-row>span{flex:1;justify-content:space-between;align-items:center;display:flex}.menu-toggle svg,.theme-toggle svg{height:calc(var(--text-body) * var(--leading-tight));width:calc(var(--text-body) * var(--leading-tight));display:block}.status{color:var(--color-muted);min-height:calc(var(--text-body) * var(--leading-reading))}.status-error{border-left:var(--focus-ring-width) solid var(--color-ink);color:var(--color-ink);font-weight:var(--weight-medium);padding-left:var(--space-8)}.thank-you{background:var(--color-bg);border-radius:var(--radius-sm);margin:var(--space-16) 0 0;padding:var(--space-12) var(--space-16)}@media (max-width:900px){.pack-browser{grid-template-columns:minmax(0,1fr);grid-template-areas:"player""icons"}.player-card{position:static}}@media (max-width:720px){.page-shell{padding-top:var(--space-32)}.pack-header{display:block}.site-header .site-bar{row-gap:0}.site-actions{gap:var(--space-8)}.site-actions>.theme-toggle{display:none}.header-menu{display:block}.hero,.split{grid-template-columns:1fr}.player-download>.button,.player-download>button{width:100%}.state-segment{padding-left:var(--space-8);padding-right:var(--space-8)}.state-timeline[data-view=bar] .state-segment{padding-left:calc(var(--space-8) + var(--border-width));padding-right:calc(var(--space-8) + var(--border-width))}}