@font-face{font-family:basier;src:url(../media/BasierSquare_Regular-s.p.0v_j1ghyjld8m.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:basier;src:url(../media/BasierSquare_Medium-s.p.2zsvpbcctwjqy.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:basier Fallback;src:local(Arial);ascent-override:89.54%;descent-override:23.56%;line-gap-override:0.0%;size-adjust:106.1%}.basier_68e50a39-module__cCkxwG__className{font-family:basier,basier Fallback}.basier_68e50a39-module__cCkxwG__variable{--font-basier:"basier", "basier Fallback"}
@font-face{font-family:arealMono;src:url(../media/ABCArealMonoVariable_latin-s.p.3ckc-9xyc2rxk.woff2)format("woff2");font-display:swap;font-weight:400 700;font-style:normal}@font-face{font-family:arealMono Fallback;src:local(Arial);ascent-override:65.68%;descent-override:15.71%;line-gap-override:0.0%;size-adjust:133.68%}.arealmono_163b4bf9-module__jwxX5W__className{font-family:arealMono,arealMono Fallback;font-style:normal}.arealmono_163b4bf9-module__jwxX5W__variable{--font-areal-mono:"arealMono", "arealMono Fallback"}
:root{--ground:#1c1c1c;--text:#fff;--footer:#5e5e5e;--muted:#999;--icon:#888;--icon-strong:#b3b3b3;--wash:#ffffff14;--accent:#ff5800;--type-size:16px;--type-weight:500;--type-leading:1.5;--micro-size:10px;--icon-size:16px;--tool-icon-size:22px;--chrome-micro:12px;--ruler:22px;--edge:80px;--inset:120px;--measure:600px;--body-gap:20px;--label-size:13px;--label-font:var(--font-basier), sans-serif;--label-weight:400;--micro-font:var(--font-areal-mono), ui-monospace, monospace;--track:calc(-.15em / 14);--panel:280px;--inspect:0px;--rule:#212121;--hairline:#212121;--chrome:#111;--chrome-text:#fff;--row-active:#1f1f1f;--menu:#1e1e1e;--menu-hover:color-mix(in srgb, var(--accent) 18%, #2a2a2a);--menu-rule:#383838;--menu-radius:16px;--menu-shadow:0 2px 5px #00000059, inset 0 0 .5px #ffffff59, 0 10px 16px #00000059, inset 0 .5px 0 #ffffff14;--tab-well:#1d1d1d;--tab-on:#363636;--tab-idle:#fff6;--canvas-radius:16px;--canvas-stroke:#ffffff1a;--mark-stroke:#ffffff1a;--ruler-text:#6a6a6a;--tick-minor:#3a3a3a;--tick-mid:#4a4a4a;--tick-major:#5c5c5c;--chrome-float:0 2px 8px #00000059;--shadow-border:0 0 0 1px #ffffff14, 0 4px 12px #00000059, 0 16px 40px #00000047}@supports (color:lab(0% 0 0)){:root{--canvas-stroke:lab(100% 0 0/.1);--shadow-border:0 0 0 1px lab(100% 0 0/.08), 0 4px 12px lab(0% 0 0/.35), 0 16px 40px lab(0% 0 0/.28)}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#fff;--text:#222;--footer:#666;--muted:#666;--icon:#5e5d5d;--icon-strong:#5e5d5d;--wash:#0000000f;--rule:#e6e6e6;--hairline:#f0f0f0;--chrome:#f5f5f5;--chrome-text:#222;--row-active:#00000014;--menu:#fff;--menu-hover:#f0f0f0;--menu-rule:#ececec;--menu-shadow:0 2px 8px #00000014, 0 8px 24px #00000014;--tab-well:#ececec;--tab-on:#fff;--tab-idle:#666;--canvas-stroke:#0000001a;--mark-stroke:#0000001a;--ruler-text:#999;--tick-minor:#d4d4d4;--tick-mid:#c4c4c4;--tick-major:#b0b0b0;--chrome-float:0 2px 10px #0000001a;--shadow-border:0 0 0 1px #0000000f, 0 1px 2px -1px #00000014, 0 4px 8px 0 #0000000f, 0 12px 28px 0 #00000014}@supports (color:lab(0% 0 0)){html[data-theme=light]{--row-active:lab(0% 0 0/.08);--canvas-stroke:lab(0% 0 0/.1);--shadow-border:0 0 0 1px lab(0% 0 0/.06), 0 1px 2px -1px lab(0% 0 0/.08), 0 4px 8px 0 lab(0% 0 0/.06), 0 12px 28px 0 lab(0% 0 0/.08)}}html.chrome-collapsed{--panel:0px}html.has-inspect{--inspect:280px}*,:before,:after{box-sizing:border-box;letter-spacing:var(--track);outline:none;margin:0;padding:0}:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-width:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:clip}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:thin;scrollbar-color:transparent transparent}::-webkit-scrollbar{background:0 0;width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.is-scrolling{scrollbar-color:color-mix(in srgb, var(--chrome-text) 24%, transparent) transparent}.is-scrolling::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--chrome-text) 24%, transparent)}html,body{scrollbar-width:none}body{background:var(--chrome);min-height:100%;color:var(--text);font-family:var(--font-basier), sans-serif;font-size:var(--type-size);font-weight:var(--type-weight);line-height:var(--type-leading)}a{color:inherit;text-decoration:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{z-index:1;min-height:100svh;padding:0;position:relative}.body{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-block:calc(var(--ruler) + var(--edge) + env(safe-area-inset-top,0px)) calc(var(--edge) + env(safe-area-inset-bottom,0px));padding-inline:calc(var(--panel) + env(safe-area-inset-left,0px)) calc(var(--inspect) + env(safe-area-inset-right,0px));flex-direction:column;align-items:center;display:flex}.measure{align-items:flex-start;gap:var(--body-gap);width:var(--measure);flex-direction:column;min-width:0;max-width:100%;display:flex}.body p{white-space:pre-wrap}.page-label{font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);color:var(--footer)}.home-block{flex-direction:column;gap:24px;width:100%;display:flex}.home-projects{margin-top:56px;container-type:inline-size}.canvas-frame[data-canvas-frame=experience]{width:100%;margin-top:56px}.home-projects-row{align-items:stretch;gap:var(--body-gap);width:100%;display:flex}.home-project-icon{pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;height:32px;display:block}img.home-project-icon{outline-offset:-.5px;border-radius:8px;outline:.5px solid #0000001a;outline:.5px solid lab(0% 0 0/.1);box-shadow:0 1px 2px #0000000f;box-shadow:0 1px 2px lab(0% 0 0/.06)}html:not([data-theme=light]) img.home-project-icon{outline-color:#ffffff1a;outline-color:lab(100% 0 0/.1);box-shadow:0 1px 2px #0003;box-shadow:0 1px 2px lab(0% 0 0/.2)}.home-project-icon.is-placeholder{background:var(--wash)}.playground-lumen-mark{background:var(--ground);box-shadow:inset 0 0 0 1px var(--mark-stroke);border-radius:50%;overflow:hidden}.playground-lumen-mark .lumen-canvas{width:100%;height:100%}.home-project-aside{flex-direction:column;flex:0 0 180px;justify-content:space-between;width:180px;min-width:180px;display:flex}.home-project-copy{flex-direction:column;gap:16px;display:flex}.playground-row .home-project-copy{flex-direction:row;align-items:flex-start;gap:12px}.playground-row .home-project-note{min-width:0}@container (max-width:420px){.home-projects-row{flex-direction:column}.home-project-aside{flex:none;width:100%;min-width:0}}.home-project-note{font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);color:var(--footer);overflow-wrap:break-word;text-wrap:pretty;white-space:normal;margin:0;line-height:1.4}.home-project-lead{color:var(--text)}.work-case.home-project-install{white-space:nowrap;justify-content:flex-start;align-self:flex-start;margin-inline-start:0}.home-shader-stage{flex:auto;width:auto;min-width:0;position:relative}.home-shader-slot,.canvas-frame[data-canvas-frame=shader]{aspect-ratio:1024/785;width:100%}.home-shader-slot{pointer-events:none}.canvas-frame[data-canvas-frame=shader] .canvas-frame-body{overflow:hidden}:is(.latest-item,.work-frame:has(img),.playground-frame:has(img)){position:relative;overflow:hidden}.latest-item:after,.canvas-frame[data-canvas-frame=shader]:after,.canvas-frame[data-canvas-frame=portrait]:after{content:"";z-index:3;box-shadow:inset 0 0 0 .5px var(--canvas-stroke);pointer-events:none;position:absolute;inset:0}.work-frame:has(img):after{content:"";z-index:3;box-shadow:inset 0 0 0 .5px var(--canvas-stroke);pointer-events:none;position:absolute;inset:0}.playground-frame:has(img):after{content:"";z-index:3;box-shadow:inset 0 0 0 .5px var(--canvas-stroke);pointer-events:none;position:absolute;inset:0}.home-shader-card{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.canvas-frame[data-sized-h] .home-shader-card{height:100%}.home-portrait-slot,.canvas-frame[data-canvas-frame=portrait]{aspect-ratio:430/477;width:180px}.home-portrait-slot{pointer-events:none;flex-shrink:0;margin-bottom:56px}.canvas-frame.is-overlay{z-index:4;transform-origin:50%;position:absolute}.canvas-frame.is-tethered{z-index:8;will-change:transform}.canvas-frame[data-canvas-frame=portrait] .canvas-frame-body{overflow:hidden}.home-portrait{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.canvas-frame[data-sized-h] .home-portrait{height:100%}.home-heading{font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);color:var(--footer);line-height:1.2}.home-lines{flex-direction:column;gap:16px;width:100%;list-style:none;display:flex}.home-lines li{width:100%;font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);justify-content:space-between;align-items:baseline;gap:24px;line-height:1.3;display:flex}.home-line-primary{min-width:0;font-size:15px}.home-line-meta{color:var(--footer);text-align:end;white-space:nowrap;flex-shrink:0}.home-more{color:var(--footer);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;line-height:1.3}.body-wide .measure{width:100%}.body:has(.latest-board){align-items:stretch}:is(.body:has(.frame-board),.body:has(.playground-grid)){align-items:flex-start;padding-inline-start:calc(var(--panel) + var(--inset) + env(safe-area-inset-left,0px));padding-inline-end:calc(var(--inspect) + var(--inset) + env(safe-area-inset-right,0px))}.latest-board{align-items:stretch;row-gap:var(--body-gap);box-sizing:border-box;width:100%;padding-inline:var(--inset);flex-direction:column;display:flex}.latest-frames{flex-direction:column;align-items:stretch;gap:24px;width:100%;min-width:0;display:flex}.latest-item{width:100%;min-width:0;margin:0;line-height:0;display:block}.latest-item img{vertical-align:top;width:100%;height:auto;display:block}.work-page{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.work-section{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-block:0 80px;padding-inline:var(--inset);flex-direction:column;align-items:stretch;gap:40px;display:flex}.work-section-intro{width:var(--measure);flex-direction:column;align-self:flex-start;gap:40px;min-width:0;max-width:100%;display:flex}.work-section-bar{grid-template-columns:minmax(0,1fr);align-items:center;row-gap:4px;display:grid}.work-tags-label{color:var(--accent);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:0;grid-column:1/-1;align-items:center;gap:4px;line-height:1.2;display:inline-flex}.work-tags-set{border-radius:8px;flex-wrap:wrap;justify-self:start;gap:4px;padding:8px;display:flex;position:relative}.work-tags-outline{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--accent);stroke-width:1px;stroke-dasharray:14 10;position:absolute;inset:0;overflow:visible}.work-tag{background:var(--wash);color:var(--footer);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);border-radius:100px;padding:7px 10px;line-height:1.2}.work-section-meta{flex-shrink:0;justify-content:end;align-items:baseline;gap:8px;min-width:0;display:flex}.work-period{color:var(--muted);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);white-space:nowrap;line-height:1.2}.work-case{border:1px solid color-mix(in srgb, var(--text) 28%, transparent);color:var(--text);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:4px;margin-inline-start:8px;padding:7px 10px;line-height:1.2;display:inline-flex}.work-section-meta .work-case{margin-inline-start:0}.work-case:hover{color:var(--accent)}.work-section-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:20px;width:100%;max-width:100%;display:grid}.work-section-heading{display:contents}.work-section-title{min-width:0;color:var(--text);font-size:24px;font-weight:var(--type-weight);line-height:1.2}.work-section-columns{display:contents}.work-section-columns p{min-width:0;color:var(--muted);font-family:var(--label-font);font-size:var(--type-size);font-weight:var(--label-weight);line-height:var(--type-leading);overflow-wrap:break-word;text-wrap:pretty;white-space:normal}.work-frames{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:24px;width:100%;min-width:0;display:flex}.work-frame{aspect-ratio:4/3;background:var(--wash);width:100%;min-width:0;margin:0;line-height:0;overflow:hidden}.work-frame:has(img){aspect-ratio:auto;background:0 0}.work-frame img{vertical-align:top;width:100%;height:auto;display:block}@media (max-width:520px){.work-section-copy{grid-template-columns:minmax(0,1fr)}}.playground-grid{flex-direction:column;gap:24px;width:100%;display:flex;container-type:inline-size}.playground-row{align-items:stretch;gap:var(--body-gap);width:100%;min-width:0;display:flex}.playground-media{flex:auto;width:auto;min-width:0}.playground-tile-link{width:100%;color:inherit;display:block}.playground-tile{flex-direction:column;min-width:0;display:flex}.playground-frame{background:var(--wash);width:100%;overflow:hidden}.playground-frame img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.playground-frame.is-square{aspect-ratio:1}.playground-frame.is-portrait{aspect-ratio:.80057}.playground-frame.is-landscape{aspect-ratio:1.32547}.outbound-link{text-decoration:underline;text-decoration-thickness:from-font;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-skip-ink:auto;text-underline-position:from-font}.reveal-word{color:var(--accent);display:inline-flex}.reveal-letter{opacity:0;filter:blur(7px);animation:.64s cubic-bezier(.22,1,.36,1) both reveal-letter;display:inline-block}@keyframes reveal-letter{0%{opacity:0;filter:blur(7px)}45%{opacity:1;filter:blur(2px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.reveal-letter{opacity:1;filter:none;animation:none}.side-section-bar.is-search:before{transition-duration:.15s;transition-timing-function:ease}.side-search-glyph,.side-file-caret-glyph{transition-property:opacity;transition-duration:.15s;transition-timing-function:ease}}.canvas-stage{top:0;right:var(--inspect);bottom:0;left:var(--panel);z-index:0;border-radius:var(--canvas-radius) 0 0 var(--canvas-radius);background:var(--ground);pointer-events:none;position:fixed}html.has-inspect .canvas-stage{border-radius:var(--canvas-radius)}.rulers{--ruler-doc-x:100%;--ruler-doc-y:100%;top:0;right:var(--inspect);bottom:0;left:var(--panel);z-index:9;border-radius:var(--canvas-radius) 0 0 var(--canvas-radius);pointer-events:none;position:fixed;overflow:hidden}html.has-inspect .rulers{border-radius:var(--canvas-radius)}.rulers:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none;position:absolute;inset:0}.side-panel{top:0;inset-inline-start:0;z-index:11;width:var(--panel);background:var(--chrome);color:var(--chrome-text);font-family:var(--font-basier), sans-serif;font-size:var(--label-size);flex-direction:column;font-weight:400;line-height:1.2;display:flex;position:fixed;bottom:0}html.chrome-collapsed .side-panel{pointer-events:none;visibility:hidden}.side-file{border-bottom:1px solid var(--hairline);align-items:center;gap:2px;height:48px;padding:8px 12px 8px 16px;display:flex;position:relative}.side-file-name{min-width:0;color:inherit;font:inherit;letter-spacing:-.01em;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-size:15px;font-weight:500;overflow:hidden}.side-file-caret,.side-file-dock,.chrome-show{color:var(--chrome-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0}.side-file-caret,.side-file-dock{display:grid}.side-file-name:hover,.side-file-caret:hover,.side-file-dock:hover,.chrome-show:hover{color:var(--accent)}.side-file-caret svg{width:var(--icon-size);height:var(--icon-size)}.side-file-caret-icon{width:var(--icon-size);height:var(--icon-size);place-items:center;display:grid;position:relative}.side-file-caret-glyph{place-items:center;transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.side-file-caret-glyph.is-up{opacity:0;filter:blur(4px);position:absolute;inset:0;scale:.25}.side-file-caret-glyph.is-up svg{transform:rotate(180deg)}.side-file-caret.is-open .side-file-caret-glyph.is-down{opacity:0;filter:blur(4px);scale:.25}.side-file-caret.is-open .side-file-caret-glyph.is-up{opacity:1;filter:blur();scale:1}.side-file-dock svg,.chrome-show svg{width:var(--icon-size);height:var(--icon-size)}html[data-theme=light] .side-file-caret,html[data-theme=light] .side-file-dock,html[data-theme=light] .chrome-show,html[data-theme=light] .chrome-bar-menu,html[data-theme=light] .side-section-tools{color:var(--icon)}.chrome-bar{display:none}.file-menu{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.file-menu-list{top:calc(100% + 8px);z-index:20;border-radius:var(--menu-radius);background:var(--menu);width:248px;box-shadow:var(--menu-shadow);color:var(--chrome-text);font-size:var(--label-size);letter-spacing:0;padding:8px 0;font-weight:400;line-height:1.3;position:absolute;inset-inline-start:8px;overflow:hidden}.file-menu-item{border-radius:calc(var(--menu-radius) - 8px);width:calc(100% - 16px);min-height:24px;color:var(--chrome-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0 8px;padding:4px 8px;display:flex}.file-menu-item:hover{background:var(--menu-hover)}.file-menu-rule{background:var(--menu-rule);height:1px;margin:7px 0}.file-menu-check{width:var(--icon-size);height:var(--icon-size);place-items:center;display:grid}.file-menu-check svg{width:var(--icon-size);height:var(--icon-size)}.chrome-show{top:calc(12px + env(safe-area-inset-top,0px));z-index:12;background:var(--chrome);width:32px;height:32px;box-shadow:var(--chrome-float), inset 0 0 0 1px var(--canvas-stroke);border-radius:8px;display:none;position:fixed;inset-inline-start:calc(12px + env(safe-area-inset-left,0px))}html.chrome-collapsed .chrome-show{display:grid}.side-scrim{display:none}.side-section{flex-direction:column;min-height:0;display:flex}.side-section-bar{height:32px;min-height:32px;color:var(--chrome-text);font-size:var(--label-size);letter-spacing:-.01em;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px 0 16px;font-weight:400;display:flex}.side-section-tools{align-items:center;display:flex}.side-section-tools svg,.side-search-tool svg{width:var(--icon-size);height:var(--icon-size)}.side-section-bar.is-search{isolation:isolate;box-shadow:0 1px 0 var(--hairline);background:0 0;position:relative}.side-section-bar.is-search:before{content:"";z-index:-1;background:var(--row-active);opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;inset:0}.side-section-bar.is-search.is-lit:before{opacity:1}.side-search-input{min-width:0;height:32px;color:var(--chrome-text);caret-color:var(--accent);font:inherit;letter-spacing:inherit;background:0 0;border:0;flex:1;margin:0;padding:0}.side-search-input::placeholder{color:var(--muted)}.side-search-input::-webkit-search-decoration{appearance:none}.side-search-input::-webkit-search-cancel-button{appearance:none}.side-search-tool{isolation:isolate;width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;margin-inline-end:-2px;padding:0;display:grid;position:relative}.side-search-tool:hover{color:var(--accent)}.side-search-tool:hover:before{content:"";z-index:-1;background:var(--row-active);border-radius:8px;position:absolute;inset:2px}.side-search-tool.is-open{color:var(--icon)}.side-search-tool.is-open:hover{color:var(--chrome-text)}.side-search-icon{width:var(--icon-size);height:var(--icon-size);place-items:center;display:grid;position:relative}.side-search-glyph{place-items:center;transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.side-search-glyph.is-close{opacity:0;filter:blur(4px);position:absolute;inset:0;scale:.25}.side-search-tool.is-open .side-search-glyph.is-search{opacity:0;filter:blur(4px);scale:.25}.side-search-tool.is-open .side-search-glyph.is-close{opacity:1;filter:blur();scale:1}.side-pages,.side-layer-list{padding:0 8px 8px;list-style:none}.side-pages{border-bottom:1px solid var(--hairline)}.side-pages.is-searching:empty{display:none}.side-page,.side-layer{border-radius:6px;flex-shrink:0;align-items:center;gap:6px;height:32px;min-height:32px;padding:0 8px;display:flex}.side-page{color:var(--muted)}.side-page.is-nested,.side-layer.is-in-1{padding-inline-start:28px}.side-layer.is-in-2{padding-inline-start:48px}.side-page{cursor:pointer}.side-pages:not(.is-searching) .side-page:hover,.side-layer-list:not(.is-searching) .side-layer:hover,.side-page.is-active,.side-layer.is-active{background:var(--row-active)}.side-page:hover{color:var(--muted)}.side-page.is-on{color:var(--chrome-text)}.side-pages:not(.is-searching) .side-page.is-on{background:var(--row-active)}.side-page-icon{width:var(--icon-size);height:var(--icon-size);color:var(--icon-strong);flex-shrink:0;place-items:center;display:grid}.side-page .side-page-icon{color:var(--icon)}.side-page.is-on .side-page-icon,.side-page.is-active .side-page-icon{color:var(--icon-strong)}.side-page-icon svg,.side-file-dock svg,.side-section-tools svg,.chrome-show svg{stroke-width:2px}.side-page-icon svg{width:var(--icon-size);height:var(--icon-size)}.side-page-icon .glyph-mark{font-size:calc(var(--icon-size) - 1px);line-height:var(--icon-size)}.side-page-label{min-width:0;font-size:var(--label-size);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.side-layers{flex:1;min-height:0}.side-layer-list{overflow:auto}.side-layer{color:var(--muted);cursor:pointer;text-decoration:none}.side-layer.is-on{color:var(--chrome-text)}.side-layer-list:not(.is-searching) .side-layer.is-on{background:var(--row-active)}.side-layer .side-page-icon{color:var(--icon)}.side-layer.is-on .side-page-icon{color:var(--icon-strong)}.canvas-frame[id],.home-block[id],.home-lines li[id],.work-section-title[id],.work-section-columns p[id],.work-section-bar[id],.work-tag[id],.work-frame[id],.latest-item[id],.playground-tile[id],.lumen-root[id]{scroll-margin-top:calc(var(--ruler) + var(--edge))}.ruler-corner{z-index:3;background:var(--ground);width:22px;height:22px;box-shadow:1px 0 0 var(--hairline), 0 1px 0 var(--hairline);position:absolute;top:0;left:0}.ruler{background:var(--ground);color:var(--ruler-text);font-family:var(--micro-font);font-size:var(--micro-size);font-optical-sizing:none;font-variation-settings:"opsz" 16;font-variant-numeric:tabular-nums;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;font-weight:500;line-height:1;position:absolute;overflow:hidden}.ruler-x{border-bottom:1px solid var(--hairline);cursor:row-resize;height:22px;top:0;left:22px;right:0}.ruler-y{border-right:1px solid var(--hairline);cursor:col-resize;width:22px;top:22px;bottom:0;left:0}.ruler-track{pointer-events:none;will-change:transform;position:absolute}.ruler-track.is-x{height:100%;width:var(--ruler-doc-x);background-image:repeating-linear-gradient(90deg, var(--tick-minor) 0 1px, transparent 1px 10px), repeating-linear-gradient(90deg, var(--tick-mid) 0 1px, transparent 1px 50px), repeating-linear-gradient(90deg, var(--tick-major) 0 1px, transparent 1px 100px);background-position:0 bottom;background-repeat:repeat-x;background-size:10px 5px,50px 8px,100px 11px;top:0;left:0}.ruler-track.is-y{width:100%;height:var(--ruler-doc-y);background-image:repeating-linear-gradient(0deg, var(--tick-minor) 0 1px, transparent 1px 10px), repeating-linear-gradient(0deg, var(--tick-mid) 0 1px, transparent 1px 50px), repeating-linear-gradient(0deg, var(--tick-major) 0 1px, transparent 1px 100px);background-position:right 0;background-repeat:repeat-y;background-size:5px 10px,8px 50px,11px 100px;top:0;left:0}.ruler-label{pointer-events:none}.ruler-x .ruler-label{position:absolute;top:3px;transform:translate(-50%)}.ruler-y .ruler-label{position:absolute;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.guide-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.ruler-playhead,.ruler-cursor-readout{pointer-events:none;visibility:hidden;position:absolute}.rulers.has-cursor .ruler-playhead,.rulers.has-cursor .ruler-cursor-readout{visibility:visible}.ruler-cursor-readout{z-index:3;background:var(--ground);color:var(--accent);font-family:var(--micro-font);font-size:var(--micro-size);font-optical-sizing:none;font-variation-settings:"opsz" 16;font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 4px;font-weight:500;line-height:1}.ruler-cursor-readout.is-x{top:1px;left:0}.ruler-cursor-readout.is-y{top:0;left:11px}.ruler-playhead{z-index:2}.ruler-playhead.is-x{background:var(--accent);width:1px;height:22px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);top:0;left:0}.ruler-playhead.is-y{background:var(--accent);width:22px;height:1px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);top:0;left:0}.guide{z-index:4;pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.guide.is-v{cursor:col-resize;width:17px;height:22px;top:0;transform:translate(-50%)}.guide.is-h{cursor:row-resize;width:22px;height:17px;left:0;transform:translateY(-50%)}.guide.is-v:before,.guide.is-h:before{content:"";pointer-events:none;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);position:absolute}.guide.is-v:before{width:1px;height:100vmax;top:0;left:50%;transform:translate(-50%)}.guide.is-h:before{width:100vmax;height:1px;top:50%;left:0;transform:translateY(-50%)}.guide.is-live:before{box-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent)}.guide-readout{z-index:5;background:var(--accent);color:#1c1c1c;font-family:var(--micro-font);font-size:var(--micro-size);font-optical-sizing:none;font-variation-settings:"opsz" 16;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:4px;padding:2px 4px;font-weight:500;line-height:1;position:absolute}.guide-readout.is-v{top:26px;transform:translate(-50%)}.guide-readout.is-h{left:26px;transform:translateY(-50%)}html.is-guide-drag{-webkit-user-select:none;user-select:none}html.is-guide-drag.is-guide-v{cursor:col-resize}html.is-guide-drag.is-guide-h{cursor:row-resize}.frame-board{flex-direction:column;align-items:flex-start;gap:24px;width:100%;display:flex;position:relative}.canvas-frame{flex-shrink:0;min-width:0;position:relative}.canvas-frame-body{width:100%;height:100%;overflow:auto}.canvas-frame-body>p{width:100%;letter-spacing:var(--track);font-size:18px;font-weight:400;line-height:var(--type-leading);overflow-wrap:break-word;text-wrap:pretty}.canvas-frame-chrome{z-index:2;pointer-events:none;outline:1px solid var(--accent);position:absolute;inset:0;overflow:visible}.canvas-handle{pointer-events:auto;background:0 0;border:0;padding:0;position:absolute}.canvas-handle.is-nw,.canvas-handle.is-ne,.canvas-handle.is-sw,.canvas-handle.is-se{border:1px solid var(--accent);background:var(--ground);width:7px;height:7px}.canvas-handle.is-nw:hover,.canvas-handle.is-ne:hover,.canvas-handle.is-sw:hover,.canvas-handle.is-se:hover{background:var(--accent)}.canvas-handle.is-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.canvas-handle.is-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.canvas-handle.is-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.canvas-handle.is-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.canvas-handle.is-n,.canvas-handle.is-s{cursor:ns-resize;height:8px;left:10px;right:10px}.canvas-handle.is-n{top:-4px}.canvas-handle.is-s{bottom:-4px}.canvas-handle.is-e,.canvas-handle.is-w{cursor:ew-resize;width:8px;top:10px;bottom:10px}.canvas-handle.is-e{right:-4px}.canvas-handle.is-w{left:-4px}.canvas-rotate{pointer-events:auto;background:0 0;border:0;width:16px;height:16px;padding:0;position:absolute}.canvas-rotate.is-nw{cursor:url(/cursors/rotate-nw.svg) 8 8,grab;top:0;left:0;transform:translate(calc(-100% - 8px),calc(-100% - 8px))}.canvas-rotate.is-ne{cursor:url(/cursors/rotate-ne.svg) 8 8,grab;top:0;right:0;transform:translate(calc(100% + 8px),calc(-100% - 8px))}.canvas-rotate.is-sw{cursor:url(/cursors/rotate-sw.svg) 8 8,grab;bottom:0;left:0;transform:translate(calc(-100% - 8px),calc(100% + 8px))}.canvas-rotate.is-se{cursor:url(/cursors/rotate-se.svg) 8 8,grab;bottom:0;right:0;transform:translate(calc(100% + 8px),calc(100% + 8px))}html.is-frame-tether,html.is-frame-tether *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}html.is-frame-rotate-nw,html.is-frame-rotate-nw *{cursor:url(/cursors/rotate-nw.svg) 8 8,grabbing!important}html.is-frame-rotate-ne,html.is-frame-rotate-ne *{cursor:url(/cursors/rotate-ne.svg) 8 8,grabbing!important}html.is-frame-rotate-sw,html.is-frame-rotate-sw *{cursor:url(/cursors/rotate-sw.svg) 8 8,grabbing!important}html.is-frame-rotate-se,html.is-frame-rotate-se *{cursor:url(/cursors/rotate-se.svg) 8 8,grabbing!important}.measure{zoom:var(--zoom,1)}html.is-zoomed-in{overflow-x:auto}.canvas-toolbar{z-index:12;bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline:calc(var(--panel) + env(safe-area-inset-left,0px)) calc(var(--inspect) + env(safe-area-inset-right,0px));pointer-events:none;justify-content:center;display:flex;position:fixed}.canvas-toolbar-bar{background:var(--chrome);box-shadow:var(--shadow-border);pointer-events:auto;border-radius:18px;align-items:center;gap:10px;padding:10px;display:flex}.canvas-toolbar-tools{align-items:center;gap:5px;display:flex}.canvas-clear-slot{grid-template-columns:0fr;margin-inline-end:-10px;padding-inline:0;transition-property:grid-template-columns,margin-inline-end,padding-inline;transition-duration:.16s;transition-timing-function:cubic-bezier(.32,.72,0,1);display:grid}.canvas-clear-slot.is-in{grid-template-columns:1fr;margin-inline-end:0;animation:.28s linear both canvas-clear-insert}.canvas-clear-inner{min-width:0;overflow:hidden}.canvas-clear{background:var(--row-active);width:60px;height:30px;color:var(--accent);font-family:var(--label-font);font-size:var(--chrome-micro);font-weight:var(--label-weight);line-height:var(--chrome-micro);letter-spacing:-.13px;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 7px;transition-property:color,background-color;transition-duration:.14s;transition-timing-function:cubic-bezier(.23,1,.32,1);display:flex}.canvas-clear:hover{color:color-mix(in srgb, var(--accent) 82%, white)}@keyframes canvas-clear-insert{0%{grid-template-columns:0fr;margin-inline-end:-10px;padding-inline:0}38%{grid-template-columns:1fr;margin-inline-end:2px;padding-inline:4px}68%{grid-template-columns:1fr;margin-inline-end:1px;padding-inline:1.5px}to{grid-template-columns:1fr;margin-inline-end:0;padding-inline:0}}.canvas-tool{width:calc(var(--tool-icon-size) + 8px);height:calc(var(--tool-icon-size) + 8px);color:var(--icon);--tool-fill:#3f3f3f;--tool-stroke:#888;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;transition-property:background-color,color;transition-duration:.12s;transition-timing-function:ease-out;display:grid;position:relative}.canvas-tool:after,.canvas-zoom-button:after{content:"";position:absolute;inset:-5px}.canvas-tool svg{width:var(--tool-icon-size);height:var(--tool-icon-size)}.canvas-tool:hover{background:var(--wash)}.canvas-tool.is-on{background:var(--row-active);color:var(--chrome-text);--tool-fill:#888;--tool-stroke:#fff}html[data-theme=light] .canvas-tool{--tool-fill:#d9d9d9;--tool-stroke:#5e5d5d}html[data-theme=light] .canvas-tool.is-on{--tool-fill:#d9d9d9;--tool-stroke:#222}.canvas-tool.canvas-theme{color:var(--icon);margin-inline-start:-5px}.canvas-tool.canvas-theme:hover{background:var(--row-active);color:var(--accent)}.canvas-tool:active{scale:.96}.canvas-theme-glyph,.canvas-music-glyph{place-items:center;transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.canvas-theme-glyph.is-sun,.canvas-music-glyph.is-record{opacity:0;filter:blur(4px);place-items:center;position:absolute;inset:0;scale:.25}html[data-theme=light] .canvas-theme-glyph.is-moon{opacity:0;filter:blur(4px);scale:.25}html[data-theme=light] .canvas-theme-glyph.is-sun{opacity:1;filter:blur();scale:1}.canvas-music-glyph.is-record{pointer-events:none}@media (prefers-reduced-motion:reduce){.canvas-theme-glyph,.canvas-music-glyph{transition:none}.canvas-tool.is-playing .canvas-music-glyph.is-record svg{animation:none}}.canvas-tool.is-playing .canvas-music-glyph.is-node{opacity:0;filter:blur(4px);scale:.25}.canvas-tool.is-playing .canvas-music-glyph.is-record{opacity:1;filter:blur();scale:1}.canvas-tool.is-playing .canvas-music-glyph.is-record svg{animation:2.4s linear infinite player-spin}.canvas-tool.is-playing:hover .canvas-music-glyph.is-node,.canvas-tool.is-playing:focus-visible .canvas-music-glyph.is-node{opacity:1;filter:blur();scale:1}.canvas-tool.is-playing:hover .canvas-music-glyph.is-record,.canvas-tool.is-playing:focus-visible .canvas-music-glyph.is-record{opacity:0;filter:blur(4px);scale:.25}.canvas-tool.is-playing:hover .canvas-music-glyph.is-record svg,.canvas-tool.is-playing:focus-visible .canvas-music-glyph.is-record svg{animation:none}.canvas-zoom{position:relative}.canvas-zoom-button{width:78px;height:calc(var(--tool-icon-size) + 8px);background:var(--row-active);color:var(--chrome-text);cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:0 7px;display:flex;position:relative}.canvas-zoom-value{font-family:var(--label-font);font-size:var(--chrome-micro);font-weight:400;line-height:var(--chrome-micro);font-variant-numeric:tabular-nums}.canvas-zoom-caret{width:var(--icon-size);height:var(--icon-size);color:var(--muted);place-items:center;transition-property:rotate;transition-duration:.15s;transition-timing-function:ease-out;display:grid}.canvas-zoom-caret svg{width:var(--icon-size);height:var(--icon-size)}.canvas-zoom-caret.is-open{rotate:180deg}.canvas-zoom-list{min-width:140px;inset:auto 0 calc(100% + 8px) auto}.player{z-index:12;top:calc(var(--ruler) + 16px + env(safe-area-inset-top,0px));right:calc(var(--inspect) + 16px + env(safe-area-inset-right,0px));pointer-events:none;justify-content:flex-end;width:306px;display:flex;position:fixed}.player.is-moved{justify-content:flex-start;top:0;left:0;right:auto}.player[hidden]{display:none}.player-shell{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:306px;height:72px;position:relative}.player.is-dragging .player-shell{cursor:grabbing}.player-bar{z-index:1;background:var(--chrome);width:270px;height:50px;box-shadow:var(--shadow-border);border-radius:18px;align-items:center;gap:5px;padding:10px;display:flex;position:absolute;top:11px;left:36px}.player-copy{flex-direction:column;justify-content:center;gap:5px;width:110px;min-width:0;padding-inline:8px;display:flex}.player-title{color:var(--chrome-text);font-family:var(--label-font);letter-spacing:-.13px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:400;line-height:15px;overflow:hidden}.player-artist{cursor:pointer;color:var(--icon-strong);font-family:var(--label-font);font-size:var(--label-size);font-weight:400;line-height:var(--label-size);letter-spacing:-.13px;white-space:nowrap;text-decoration:none}.player-artist:hover{color:var(--chrome-text)}.player-controls{align-items:center;gap:0;margin-inline-start:auto;display:flex}.player-key{width:30px;height:30px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.player-key:hover{background:var(--wash);color:var(--icon-strong)}.player-key.is-on{background:var(--row-active);color:var(--chrome-text)}.player-key svg{width:16px;height:16px;display:block}.player-key.is-play svg{width:22px;height:22px}.player-notes{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.player-note{color:#888;opacity:0;offset-rotate:0deg;offset-anchor:center;offset-distance:0%;width:16px;height:16px;position:absolute;top:22px}.player-note:first-child{--note-delay:0s;--note-dur:3.72s;offset-path:path("M 0 0 C 18 -32, 20 -52, 4 -70 S -16 -100, 6 -124");left:42px}.player-note:nth-child(2){--note-delay:1.2s;--note-dur:4.08s;offset-path:path("M 0 0 C -16 -28, -18 -54, -2 -72 S 18 -104, -5 -126");left:72px}.player-note:nth-child(3){--note-delay:2.4s;--note-dur:3.54s;offset-path:path("M 0 0 C 14 -36, 22 -58, 8 -74 S -14 -98, 10 -122");left:56px}.player-note:nth-child(4){--note-delay:3.6s;--note-dur:4.26s;offset-path:path("M 0 0 C -18 -30, -12 -56, 2 -76 S 16 -108, -8 -128");left:88px}@media (prefers-reduced-motion:no-preference){.player-note.is-on{animation:player-note-path var(--note-dur) linear 1 both, player-note-fade var(--note-dur) cubic-bezier(.37, 0, .63, 1) 1 both}}@keyframes player-note-path{to{offset-distance:100%}}@keyframes player-note-fade{0%{opacity:0;transform:scale(.94)}16%{opacity:.8;transform:scale(1)}58%{opacity:.55;transform:scale(.9)}to{opacity:0;transform:scale(.8)}}.player-vinyl{z-index:0;pointer-events:none;width:72px;height:72px;transition:transform .15s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:scale(1)}.player-vinyl.is-pressing{transform:scale(.92)}.player-vinyl-disc{background:repeating-radial-gradient(circle,#161616 0 1px,#0a0a0a 2px 3px);border-radius:50%;place-items:center;width:72px;height:72px;animation:2.4s linear infinite paused player-spin;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000073,inset 0 0 0 1px #fff3}.player-vinyl-disc:after{content:"";pointer-events:none;background:linear-gradient(125deg,#fff3 0 16%,#0000 38%);border-radius:50%;position:absolute;inset:0}.player-shell.is-playing .player-vinyl-disc{animation-play-state:running}.player-cover{box-sizing:border-box;object-fit:cover;border:1px solid #fff3;border-radius:50%;width:40px;height:40px}@keyframes player-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.player-vinyl{transition:none}.player-vinyl-disc{animation:none}}.player-audio{pointer-events:none;opacity:0;width:0;height:0;position:absolute}.annotate{top:0;right:var(--inspect);bottom:0;left:var(--panel);z-index:8;border-radius:var(--canvas-radius) 0 0 var(--canvas-radius);color:var(--accent);pointer-events:none;position:fixed;overflow:hidden}.annotate-ink{width:100%;height:100%;position:absolute;inset:0}.annotate-stamps{pointer-events:none;position:absolute;inset:0}.annotate-stamp{translate:-50% -50%;rotate:var(--stamp-rot);transform-origin:50%;position:absolute;top:0;left:0}.annotate-stamp img{filter:drop-shadow(0 2px 3px #0003);width:100%;height:100%;display:block}.annotate-stamp.is-pressing{animation:.22s cubic-bezier(.23,1,.32,1) both stamp-press}@keyframes stamp-press{0%{opacity:.4;translate:-50% calc(-50% - 10px);scale:1.08}52%{opacity:1;translate:-50% -50%;scale:.94}to{opacity:1;translate:-50% -50%;scale:1}}.annotate-surface{position:absolute;inset:0}.annotate.is-active .annotate-surface{pointer-events:auto;touch-action:none}.annotate[data-annotate-tool=draw] .annotate-surface{cursor:crosshair}.annotate[data-annotate-tool=stamp] .annotate-surface{cursor:url(/cursors/stamp.svg) 9 9,copy}.annotate[data-annotate-tool=comment] .annotate-surface{cursor:url(/cursors/comment.svg) 1 19,copy}.annotate-pins{position:absolute;inset:0}.annotate-pin{width:0;height:0;position:absolute;top:0;left:0}.annotate-pin-dot{background:var(--accent);color:#fff;width:24px;height:24px;font-family:var(--label-font);cursor:pointer;pointer-events:auto;box-shadow:var(--chrome-float);border:0;border-radius:12px 12px 12px 2px;place-items:center;padding:0;font-size:11px;font-weight:500;line-height:1;display:grid;position:absolute;top:0;left:0;translate:-50% -50%}.annotate-note{z-index:1;box-sizing:border-box;background:var(--menu);width:359px;height:48px;box-shadow:var(--menu-shadow);pointer-events:auto;border-radius:16px;align-items:center;gap:9px;padding:12px;display:flex;position:absolute;top:-24px;left:20px}.annotate-note-field{min-width:0;color:var(--chrome-text);font-family:var(--label-font);letter-spacing:-.1px;background:0 0;border:0;flex:1;padding:0;font-size:16px;line-height:24px}.annotate-note-field::placeholder{color:var(--muted)}.annotate-note-send{background:var(--tab-on);width:24px;height:24px;color:var(--icon);cursor:pointer;border:0;border-radius:12px;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.annotate-note-send svg{width:14px;height:14px}.annotate-note-send:after{content:"";position:absolute;inset:-8px}.annotate-note-send:hover{color:var(--chrome-text)}.annotate-note-send:active{scale:.96}.annotate-thread{z-index:1;border:.5px solid var(--menu-rule);background:var(--menu);width:360px;box-shadow:var(--menu-shadow);pointer-events:auto;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:-24px;left:20px;overflow:hidden}.annotate-thread-post{flex-direction:column;gap:6px;padding:12px;display:flex}.annotate-thread-post+.annotate-thread-post{padding-block-start:0}.annotate-thread-meta{align-items:center;gap:8px;min-width:0;display:flex}.annotate-thread-author{color:var(--accent);font-family:var(--label-font);font-size:var(--label-size);font-weight:500;line-height:1.25}.annotate-thread-time{color:var(--muted);font-family:var(--label-font);font-size:var(--label-size);font-weight:400;line-height:1.25}.annotate-thread-tools{flex-shrink:0;align-items:center;margin-inline-start:auto;display:flex}.annotate-thread-tool{width:28px;height:28px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;display:grid}.annotate-thread-tool svg{width:14px;height:14px}.annotate-thread-tool:hover{color:var(--chrome-text)}.annotate-thread-tool:active{scale:.96}.annotate-thread-body{color:var(--chrome-text);font-family:var(--label-font);letter-spacing:-.1px;overflow-wrap:break-word;margin:0;font-size:15px;line-height:1.6}.annotate-thread-reply{border-block-start:.5px solid var(--menu-rule);align-items:center;gap:9px;padding:12px;display:flex}html[data-tool=draw] .canvas-frame,html[data-tool=stamp] .canvas-frame,html[data-tool=comment] .canvas-frame{cursor:default}@media (prefers-reduced-motion:reduce){.canvas-tool,.canvas-zoom-caret,.annotate-note-send,.canvas-clear-slot,.canvas-clear{transition-duration:0s}.canvas-clear-slot.is-in{animation:none}.annotate-stamp.is-pressing{animation:.16s cubic-bezier(.23,1,.32,1) both stamp-press-fade}.canvas-tool:active,.annotate-note-send:active,.annotate-thread-tool:active{scale:1}}@keyframes stamp-press-fade{0%{opacity:0}to{opacity:1}}@media (max-width:960px){:root{--edge:40px;--inset:48px}}@media (max-width:720px){:root{--edge:24px;--inset:24px;--panel:0px;--chrome-bar:calc(52px + env(safe-area-inset-top,0px));--micro-size:12px;--label-size:16px;--icon-size:20px;--tool-icon-size:26px;--chrome-micro:14px}.canvas-frame[id],.home-block[id],.home-lines li[id],.work-section-title[id],.work-section-columns p[id],.work-section-bar[id],.work-tag[id],.work-frame[id],.latest-item[id],.playground-tile[id],.lumen-root[id]{scroll-margin-top:calc(var(--chrome-bar) + var(--ruler) + var(--edge))}.canvas-stage,.rulers,.annotate{top:var(--chrome-bar);left:env(safe-area-inset-left,0px);border-radius:0}.player{top:calc(var(--chrome-bar) + var(--ruler) + 12px)}.body{padding-block-start:calc(var(--chrome-bar) + var(--ruler) + var(--edge));padding-inline-start:calc(var(--ruler) + env(safe-area-inset-left,0px))}:is(.body:has(.frame-board),.body:has(.playground-grid)){padding-inline-start:calc(var(--panel) + var(--ruler) + var(--inset) + env(safe-area-inset-left,0px))}.chrome-bar{top:0;z-index:13;box-sizing:border-box;min-height:var(--chrome-bar);padding-block:env(safe-area-inset-top,0px) 0;padding-inline:calc(var(--inset) + env(safe-area-inset-left,0px)) calc(var(--inset) + env(safe-area-inset-right,0px));border-block-end:1px solid var(--hairline);background:var(--chrome);color:var(--chrome-text);align-items:center;gap:8px;display:flex;position:fixed;inset-inline:0}.chrome-bar-menu{min-width:0;color:inherit;font:inherit;letter-spacing:-.01em;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;font-size:18px;font-weight:500;display:flex}.chrome-bar-menu:hover{color:var(--accent)}.chrome-bar-tools{flex-shrink:0;align-items:center;gap:12px;display:flex}.chrome-bar-outbound{min-height:44px;color:var(--icon);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:0;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:0;line-height:1.2;text-decoration:none;display:inline-flex}.chrome-bar-outbound:hover{color:var(--accent)}.file-menu-theme,.side-file{display:none}.chrome-bar-icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;place-items:center;display:grid;position:relative}.chrome-bar-glyph{place-items:center;transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.chrome-bar-glyph.is-close{color:var(--icon);opacity:0;filter:blur(4px);position:absolute;inset:0;scale:.25}.chrome-bar.is-open .chrome-bar-glyph.is-menu{opacity:0;filter:blur(4px);scale:.25}.chrome-bar.is-open .chrome-bar-glyph.is-close{opacity:1;filter:blur();scale:1}.chrome-bar-icon svg{width:var(--icon-size);height:var(--icon-size)}.chrome-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html.chrome-collapsed .chrome-show,.side-file-dock,.side-layers{display:none}.home-lines li{flex-wrap:wrap;gap:4px 16px}.home-line-meta{text-align:start}.side-file,.side-section-bar{padding-inline:calc(var(--inset) + env(safe-area-inset-left,0px)) calc(var(--inset) + env(safe-area-inset-right,0px))}.side-pages{padding-inline:calc(var(--inset) - 8px + env(safe-area-inset-left,0px)) calc(var(--inset) - 8px + env(safe-area-inset-right,0px))}.side-panel{top:var(--chrome-bar);inset-inline-end:0;width:100%;height:auto;max-height:min(70dvh, calc(100dvh - var(--chrome-bar)));padding-block:0 env(safe-area-inset-bottom,0px);box-shadow:var(--chrome-float);visibility:visible;padding-inline:0;transition:transform .2s ease-out,visibility .2s;bottom:auto;overflow:auto;transform:translateY(0)}html.chrome-collapsed .side-panel{pointer-events:none;visibility:hidden;transform:translateY(-100%)}html:not(.chrome-collapsed) .side-scrim{inset:var(--chrome-bar) 0 0;z-index:10;cursor:pointer;background:#0006;border:0;padding:0;display:block;position:fixed}.playground-row{flex-direction:column}.playground-row .home-project-aside{flex:none;width:100%;min-width:0}}@media (max-width:720px) and (prefers-reduced-motion:reduce){.side-panel,.chrome-bar-glyph{transition:none}}