.canvas-root{position:relative;width:100%;height:100%;overflow:hidden;background:#111}.canvas-root.embed.expanded{position:fixed;inset:0;z-index:50;width:100vw;height:100vh;height:100dvh}.canvas-root.embed:not(.expanded) .draggable-container{touch-action:pan-y}.canvas-expand{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#000000df;color:var(--color-text-hi, #eee);border:1px solid var(--color-border, rgba(237, 235, 230, .24));border-radius:9999px;font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.canvas-expand svg{display:block;flex-shrink:0}.canvas-expand:hover,.canvas-expand:focus-visible{border-color:var(--color-text-hi, #eee)}.canvas-root.expanded .canvas-expand{bottom:auto;top:16px}#grid{display:grid;grid-template-columns:repeat(15,300px);grid-template-rows:repeat(15,300px);max-height:100%;max-width:100%}#grid img{width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}#grid .cell{position:relative;overflow:hidden;user-select:none}.draggable-container{height:100%;width:100%;overflow:hidden;cursor:grab;touch-action:none}.draggable-container.grabbing{cursor:grabbing}#drag-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%,8px);display:flex;align-items:center;gap:9px;background:#000000df;color:#eee;font-size:.8rem;padding:10px 16px;border-radius:999px;z-index:3;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}#drag-hint.visible{opacity:1;transform:translate(-50%)}#drag-hint svg{display:block;opacity:.8;flex-shrink:0}@media(prefers-reduced-motion:reduce){#drag-hint{transform:translate(-50%);transition:opacity .4s ease}}#menu-root{position:fixed;inset:0;z-index:10;visibility:hidden;transition:visibility 0s linear .3s}#menu-root.open{visibility:visible;transition-delay:0s}#menu-root #menu-scrim{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease}#menu-root.open #menu-scrim{opacity:1}#menu-root #menu{position:absolute;top:0;right:0;height:100%;width:min(400px,100vw);background:#0a0a0af7;color:#eee;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);overflow-y:auto;overscroll-behavior:contain}#menu-root.open #menu{transform:translate(0)}#menu-root #menu-close{position:absolute;top:0;right:0;padding:12px;background:none;border:none;color:#fff;cursor:pointer;opacity:.85;display:flex;align-items:center}#menu-root #menu-close:hover,#menu-root #menu-close:focus-visible{opacity:1}#menu-root #menu-close svg{display:block}#menu-root #menu-content{padding:56px 28px 40px;display:flex;flex-direction:column;gap:32px}#menu-root #menu-content h2{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#888;margin:0 0 10px}#menu-root #menu-content p{font-size:.9rem;line-height:1.55;color:#ccc;margin:0;max-width:34ch}#menu-root #menu-content ul.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}#menu-root #menu-content ul.log li{display:flex;align-items:baseline;gap:12px;font-size:.9rem}#menu-root #menu-content ul.log .date{color:#666;font-family:source-code-pro,Menlo,Monaco,Consolas,monospace;font-size:.75rem;flex-shrink:0}#menu-root #menu-content ul.log .title{color:#ccc}#menu-root #menu-content ul.log button.goto{background:none;border:none;padding:0;color:#fff;cursor:pointer;font-size:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#555}#menu-root #menu-content ul.log button.goto:hover,#menu-root #menu-content ul.log button.goto:focus-visible{text-decoration-color:#fff}#menu-root #menu-links{display:flex;flex-direction:column;gap:10px;border-top:1px solid #222;padding-top:24px}#menu-root #menu-links a{color:#fff;text-decoration:none;font-size:.9rem;opacity:.85}#menu-root #menu-links a:hover,#menu-root #menu-links a:focus-visible{opacity:1}@media(max-width:640px){#menu-root #menu{width:100vw}#menu-root #menu-scrim{display:none}}@media(prefers-reduced-motion:reduce){#menu-root,#menu-root #menu,#menu-root #menu-scrim{transition:none}}#canvas-nav{padding:0;margin:0;display:flex;position:fixed;top:0;width:100vw;left:0;z-index:2;background:#000000df;flex-direction:row;justify-content:space-between;align-items:center}#canvas-nav #logo{user-select:none;pointer-events:none;margin:12px;padding:0;display:flex;height:18px}#canvas-nav #nav-actions{display:flex;align-items:center}#canvas-nav a#instagram,#canvas-nav button#menu-toggle{display:flex;align-items:center;padding:12px;background:none;border:none;color:#fff;cursor:pointer;opacity:.85;transition:opacity .15s ease}#canvas-nav a#instagram:hover,#canvas-nav a#instagram:focus-visible,#canvas-nav button#menu-toggle:hover,#canvas-nav button#menu-toggle:focus-visible{opacity:1}#canvas-nav a#instagram svg,#canvas-nav button#menu-toggle svg{display:block}.marquee{position:absolute;height:12px;padding:0;margin:0;overflow:hidden;background-color:transparent;display:flex;align-items:center;z-index:1;border-radius:4px}.marquee span{position:absolute;padding:0;margin:0;display:inline-block;font-size:5px;text-transform:uppercase;font-weight:700}.marquee span.pan-left{animation:marquee 10s linear infinite reverse}.marquee span.pan-right{animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(20%)}to{transform:translate(-100%)}}