.td-root{--td-bg:#000;--td-fg:#ececee;--td-fg-muted:#ececeeb8;--td-accent:#ececee;--td-accent-rgb:236,236,238;--td-wire:255,255,255;--td-node-bg:#000;--td-node-border:#ffffffd9;--td-node-border-strong:#fff;--td-node-glow:#ffffff59;--td-node-dot:#fffffff2;--td-node-dot-glow:#ffffff73;--td-chrome-bg:#1c1c1cc7;--td-chrome-border:#ffffff1a;--td-icon:#ffffffd9;--td-icon-muted:#ffffffb3;--td-icon-active:#fff;--td-hover-bg:#ffffff1a;--td-pressed-bg:#ffffff29;--td-home-bar:#ffffff40;background:var(--td-bg);color:var(--td-fg);transition:background .35s,color .35s;position:fixed;inset:0;overflow:hidden}.td-page{--td-node-bg:#000;--td-node-border:#ffffffd9;--td-chrome-bg:#1c1c1cc7;--td-chrome-border:#ffffff1a;--td-fg-muted:#ffffffb8;--td-icon-muted:#ffffffb3;--td-icon-active:#fff;--td-hover-bg:#ffffff1f;--td-home-bar:#ffffff40;color:#ececee;background:#000;min-height:100vh;position:relative}.td-page-full .td-page-inner{padding:0}.td-page-inner{z-index:10;min-height:100vh;padding-bottom:132px;position:relative}.td-canvas-wrap,.td-video-layer{z-index:10;position:absolute;inset:0}.td-video-node{aspect-ratio:1;border:1px solid var(--td-node-border);background:var(--td-node-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:12;will-change:left,top;transition:border-color .15s,box-shadow .15s,background .35s;position:absolute;overflow:hidden}.td-video-node-dot{z-index:2;background:var(--td-node-dot);pointer-events:none;width:5px;height:5px;box-shadow:0 0 6px var(--td-node-dot-glow);border-radius:50%;margin:-2.5px 0 0 -2.5px;transition:background .35s,box-shadow .35s;position:absolute;top:50%;left:50%}.td-video-node.is-dragging{cursor:grabbing;z-index:25;border-color:var(--td-node-border-strong);box-shadow:0 0 0 1px var(--td-node-glow)}.td-video-node.is-link{cursor:grab}.td-video-node.is-link:not(.is-dragging):hover{border-color:var(--td-node-border-strong)}.td-video-node-media{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.td-wire-canvas{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.td-scanlines{pointer-events:none;z-index:40;opacity:.12;background:repeating-linear-gradient(#0000 0 2px,#00000059 2px 4px);position:fixed;inset:0}.td-controls{z-index:50;background:var(--td-chrome-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--td-chrome-border);border-radius:18px;align-items:center;gap:4px;padding:8px 12px;transition:background .35s,border-color .35s;display:flex;position:fixed;top:24px;right:24px}.td-control-btn{width:36px;height:36px;color:var(--td-icon);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.td-control-btn:hover{background:var(--td-hover-bg);color:var(--td-icon-active)}.td-control-btn[aria-pressed=true]{background:var(--td-pressed-bg);color:var(--td-icon-active)}.td-dock-wrap{bottom:calc(var(--bl)*7);z-index:50;max-width:var(--maxw);padding-inline:var(--margin);pointer-events:none;justify-content:center;margin-inline:auto;display:flex;position:fixed;left:0;right:0}.td-dock{pointer-events:auto;align-items:center;gap:var(--bl);border-radius:calc(var(--bl)*2 + 2px);background:var(--td-chrome-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--bl)calc(var(--bl)*2);border:1px solid var(--td-chrome-border);transition:background .35s,border-color .35s;display:flex}.td-dock-link{width:calc(var(--bl)*6);height:calc(var(--bl)*6);border-radius:calc(var(--bl)*1.5);color:var(--td-icon-muted);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.td-dock-link:hover,.td-dock-link[data-active=true]{background:var(--td-hover-bg);color:var(--td-icon-active)}.td-footer{z-index:50;padding:calc(var(--bl)*2)var(--margin)calc(var(--bl)*2 + var(--bl)/2);font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--td-fg-muted);pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;transition:color .35s;display:flex;position:fixed;bottom:0;left:0;right:0}.td-home-bar{bottom:var(--bl);z-index:50;width:calc(var(--bl)*15);height:calc(var(--bl)/2);background:var(--td-home-bar);border-radius:999px;margin-inline:auto;transition:background .35s;position:fixed;left:0;right:0}.mb-page-td:before,.mb-page-td:after,.td-page .mb-guides{display:none}.td-page .mb-wrap{max-width:1200px;padding:72px var(--margin)calc(96px + 72px)}.td-page .mb-wrap.mb-wrap-tight{padding-top:48px}.td-page .mb-frame,.td-page .mb-case-content .mb-frame{background:#000;border:1px solid #ffffffd9}.td-page .border-white\/12,.td-page .border-white\/10{border-color:#fff3!important}.td-page .text-neutral-900,.td-page .text-neutral-800{color:#ececee!important}.td-page .text-neutral-700,.td-page .text-neutral-600,.td-page .text-neutral-500,.td-page .text-neutral-400{color:#ececee8c!important}.td-page .bg-site-canvas,.td-page .bg-site-mood,.td-page .bg-white{background-color:#000!important}.td-page .mb-btn,.td-page button.mb-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1cc7;border:1px solid #ffffff1a;border-radius:12px}.td-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1cc7;border:1px solid #ffffff1a;border-radius:18px}