@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";:root{--color-void:#1b1c22;--color-graphite:#0b151e;--color-panel:#20222a;--color-panel-raised:#262932;--color-slate-rise:#47515c;--color-hairline:#2f3441;--color-foreground:#fff;--color-muted:#a8aebb;--color-lumen:#cfd8e6;--alpha-hairline:#ffffff1a;--alpha-hairline-strong:#ffffff29;--alpha-foreground-66:#ffffffa8;--alpha-foreground-12:#ffffff1f;--alpha-foreground-0:#fff0;--surface-gradient:radial-gradient(ellipse at bottom, #47515c 0%, #0b151e 45%);--surface-gradient-soft:radial-gradient(ellipse at bottom, #47515c8c 0%, #0b151ef2 55%);--surface-panel-gradient:radial-gradient(ellipse at bottom, #2f344199 0%, #14161e 65%);--horizon-line:linear-gradient(90deg, var(--alpha-foreground-0) 0%, var(--color-foreground) 50%, var(--alpha-foreground-0) 100%);--horizon-line-lumen:linear-gradient(90deg, var(--alpha-foreground-0) 0%, var(--color-lumen) 50%, var(--alpha-foreground-0) 100%);--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-display-lg:44px;--text-display-md:30px;--text-display-sm:22px;--text-body-lg:17px;--text-body-md:15px;--text-body-sm:13px;--text-label-sm:12px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--radius-none:0;--radius-sm:4px;--radius-md:7px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--border-hairline:1px solid var(--color-hairline);--rim-inset:inset 0 0 0 1px var(--alpha-hairline);--rim-inset-strong:inset 0 0 0 1px var(--alpha-hairline-strong);--focus-ring:0 0 0 1px var(--color-lumen), 0 0 16px #cfd8e640;--shadow-none:none;--shadow-card:0 1px 1px #0006, 0 12px 32px -12px #0009;--shadow-raised:0 2px 4px #00000080, 0 24px 48px -16px #000000b3;--motion-slow:1s cubic-bezier(.15, .83, .66, 1);--motion-medium:.42s cubic-bezier(.15, .83, .66, 1);--motion-fast:.2s cubic-bezier(.15, .83, .66, 1)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background-color:var(--color-void);min-height:100vh;color:var(--color-foreground);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-normal);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::selection{background:var(--color-lumen);color:var(--color-graphite)}.display-lg,.display-md,.display-sm{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-foreground);margin:0}.display-lg{font-size:var(--text-display-lg);font-weight:var(--weight-bold)}.display-md{font-size:var(--text-display-md)}.display-sm{font-size:var(--text-display-sm)}.body-lg{font-size:var(--text-body-lg);line-height:var(--leading-normal);color:var(--color-muted)}.body-md{font-size:var(--text-body-md);line-height:var(--leading-normal);color:var(--color-muted)}.body-sm{font-size:var(--text-body-sm);line-height:var(--leading-snug);color:var(--color-muted)}.label-sm{font-family:var(--font-display);font-size:var(--text-label-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.mono{font-family:var(--font-mono);font-weight:var(--weight-regular);letter-spacing:0}.container{width:100%;max-width:1200px;padding-inline:var(--space-lg);margin-inline:auto}.stack>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.divider{background:var(--color-hairline);height:1px;margin:var(--space-lg) 0;border:0}.surface{background:var(--surface-gradient);box-shadow:var(--rim-inset);color:var(--alpha-foreground-66);border-radius:var(--radius-md);isolation:isolate;position:relative}.surface:before,.btn:before,.input:before,.tab.is-active:before,.checkbox input:checked~.checkbox-box:before,.horizon-panel:before{content:"";background:var(--horizon-line);opacity:.2;width:70%;height:1px;transition:opacity var(--motion-slow);pointer-events:none;position:absolute;bottom:0;left:15%}.btn{--btn-color:var(--alpha-foreground-66);justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);background:var(--surface-gradient);min-width:120px;box-shadow:var(--rim-inset);color:var(--btn-color);font-family:var(--font-display);font-size:var(--text-body-md);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transition:color var(--motion-slow), transform var(--motion-slow), box-shadow var(--motion-slow);border:0;padding:12px 18px;line-height:1;display:inline-flex;position:relative}.btn:hover{color:var(--color-foreground);box-shadow:var(--rim-inset-strong);transform:scale(1.04)translateY(-3px)}.btn:hover:before{opacity:1}.btn:focus-visible{box-shadow:var(--rim-inset-strong), var(--focus-ring);outline:none}.btn:focus-visible:before{opacity:1}.btn:active{transition-duration:.24s;transform:translateY(-1px)scale(1.01)}.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn[disabled]:hover:before,.btn:disabled:hover:before{opacity:.2}.btn-secondary{background:var(--color-panel);box-shadow:var(--rim-inset)}.btn-ghost{box-shadow:inset 0 0 0 1px var(--color-hairline);color:var(--color-muted);background:0 0}.btn-ghost:hover{color:var(--color-foreground)}.btn-sm{min-width:0;font-size:var(--text-body-sm);padding:8px 14px}.btn-lg{font-size:var(--text-body-lg);padding:16px 24px}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field-label{font-family:var(--font-display);font-size:var(--text-label-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.input{border-radius:var(--radius-md);background:var(--color-panel);width:100%;box-shadow:var(--rim-inset);color:var(--color-foreground);font-family:var(--font-body);font-size:var(--text-body-md);isolation:isolate;transition:box-shadow var(--motion-medium), background var(--motion-medium);border:0;padding:12px 14px;line-height:1.25;display:block;position:relative}.input::placeholder{color:var(--color-muted);opacity:.7}.input:hover{box-shadow:var(--rim-inset-strong)}.input:focus,.input:focus-visible{background:var(--color-panel-raised);box-shadow:var(--rim-inset-strong);outline:none}.input:focus:before,.input:focus-visible:before{opacity:1}.field .input-wrap{isolation:isolate;border-radius:var(--radius-md);position:relative}.field .input-wrap:after{content:"";background:var(--horizon-line-lumen);opacity:0;width:70%;height:1px;transition:opacity var(--motion-medium);pointer-events:none;position:absolute;bottom:0;left:15%}.field .input-wrap:focus-within:after{opacity:1}.card{background:var(--color-panel);background-image:var(--surface-panel-gradient);border-radius:var(--radius-lg);box-shadow:var(--rim-inset), var(--shadow-card);padding:var(--space-lg);color:var(--color-foreground);isolation:isolate;transition:box-shadow var(--motion-slow), transform var(--motion-slow);position:relative;overflow:hidden}.card:after{content:"";background:var(--horizon-line);opacity:.18;pointer-events:none;width:70%;height:1px;position:absolute;bottom:0;left:15%}.card.is-featured:after{opacity:.85;background:var(--horizon-line-lumen)}.card-eyebrow{font-family:var(--font-display);font-size:var(--text-label-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-xs)}.card-title{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--color-foreground);margin:0 0 var(--space-xs)}.card-body{color:var(--color-muted);margin:0}.checkbox{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-muted);font-size:var(--text-body-md);display:inline-flex;position:relative}.checkbox input{opacity:0;cursor:pointer;position:absolute;inset:0}.checkbox-box{background:var(--color-panel);width:20px;height:20px;box-shadow:var(--rim-inset);isolation:isolate;transition:background var(--motion-medium), box-shadow var(--motion-medium);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox-box svg{width:12px;height:12px;color:var(--color-lumen);opacity:0;transition:opacity var(--motion-fast), transform var(--motion-medium);transform:scale(.6)}.checkbox input:checked~.checkbox-box{background:linear-gradient(180deg, var(--color-slate-rise) 0%, var(--color-graphite) 100%);box-shadow:var(--rim-inset-strong)}.checkbox input:checked~.checkbox-box svg{opacity:1;transform:scale(1)}.checkbox input:checked~.checkbox-box:before{opacity:1;background:var(--horizon-line-lumen)}.checkbox input:focus-visible~.checkbox-box{box-shadow:var(--rim-inset-strong), var(--focus-ring)}.checkbox:has(input:checked){color:var(--color-foreground)}.tabs{border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--rim-inset);align-items:stretch;gap:2px;padding:4px;display:inline-flex}.tab{appearance:none;color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);cursor:pointer;isolation:isolate;transition:color var(--motion-medium), background var(--motion-medium), box-shadow var(--motion-medium);background:0 0;border:0;border-radius:5px;padding:8px 16px;position:relative}.tab:hover{color:var(--color-foreground)}.tab.is-active{color:var(--color-foreground);background:var(--surface-gradient);box-shadow:var(--rim-inset)}.tab.is-active:before{opacity:1}.tab:focus-visible{box-shadow:var(--rim-inset-strong), var(--focus-ring);outline:none}.horizon-panel{align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--surface-gradient);border-radius:var(--radius-lg);box-shadow:var(--rim-inset), var(--shadow-raised);color:var(--color-foreground);isolation:isolate;flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.horizon-panel:before{background:var(--horizon-line-lumen);opacity:.9;width:70%;animation:4.5s ease-in-out infinite horizon-pulse;left:15%}@keyframes horizon-pulse{0%,to{opacity:.55}50%{opacity:1}}.horizon-panel .status-dot{border-radius:var(--radius-full);background:var(--color-lumen);width:8px;height:8px;box-shadow:0 0 12px #cfd8e6b3}.horizon-panel .panel-eyebrow{font-family:var(--font-display);font-size:var(--text-label-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-2xs);display:block}.horizon-panel .panel-title{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.horizon-panel .panel-grow{flex:auto}.chip{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-full);background:var(--color-panel);box-shadow:var(--rim-inset);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.02em;padding:4px 10px;display:inline-flex}.icon{color:currentColor;stroke-width:1.5px;width:1em;height:1em;display:inline-flex}.icon-sm{font-size:14px}.icon-md{font-size:18px}.icon-lg{font-size:24px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--font-serif:"Cormorant Garamond", Georgia, serif}html,body,#root{height:100%;margin:0}body{background:var(--color-void);color:var(--color-foreground);font-family:var(--font-body)}.app{grid-template-rows:auto 1fr;height:100vh;display:grid;overflow:hidden}.topbar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-panel);box-shadow:var(--rim-inset);border-bottom:1px solid var(--color-hairline);display:flex}.topbar__brand{align-items:baseline;gap:var(--space-sm);display:flex}.topbar__brand-name{font-family:var(--font-serif);letter-spacing:0;font-size:24px;font-weight:600}.topbar__brand-divider{background:var(--color-hairline);align-self:center;width:1px;height:20px}.topbar__brand-product{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-muted);font-size:13px;font-weight:500}.topbar__spacer{flex:1}.workspace{grid-template-columns:248px 1fr 300px;min-height:0;display:grid;position:relative}.restore-bar{z-index:40;align-items:center;gap:var(--space-sm);background:var(--color-panel);border:1px solid var(--color-hairline);box-shadow:var(--rim-inset-strong), 0 8px 24px #00000073;color:var(--color-foreground);white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.leftrail{gap:var(--space-md);padding:var(--space-md);background:var(--color-panel);border-right:1px solid var(--color-hairline);flex-direction:column;display:flex;overflow-y:auto}.leftrail__grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.asset{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-2xs);aspect-ratio:1;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--surface-gradient);box-shadow:var(--rim-inset);color:var(--color-foreground);cursor:default;-webkit-user-select:none;user-select:none;transition:transform var(--motion-slow), box-shadow var(--motion-slow);flex-direction:column;display:flex;position:relative;overflow:hidden}.asset:before{content:"";background:var(--horizon-line);opacity:.2;width:70%;height:1px;transition:opacity var(--motion-slow);pointer-events:none;position:absolute;bottom:0;left:15%}.asset:hover{box-shadow:var(--rim-inset-strong);transform:scale(1.04)translateY(-3px)}.asset:hover:before{opacity:1}.leftrail .tab{transition:color var(--motion-medium), background var(--motion-medium), box-shadow var(--motion-medium), transform var(--motion-medium)}.leftrail .tab:hover{transform:translateY(-2px)scale(1.03)}.asset__label{font-family:var(--font-body);color:var(--color-muted);font-size:11px}.canvas-area{background:radial-gradient(ellipse at center, #232530 0%, var(--color-void) 75%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.contextpanel{gap:var(--space-md);padding:var(--space-md);background:var(--color-panel);border-left:1px solid var(--color-hairline);flex-direction:column;display:flex;overflow-y:auto}.section-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:600}.prop-row{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:13px;display:flex}.asset{border:0;font-family:inherit}.asset.is-active{box-shadow:var(--rim-inset-strong), inset 0 0 0 1.5px #cfd8e6}.asset.is-active .asset__label{color:var(--color-foreground)}.decor-sections{gap:var(--space-md);flex-direction:column;display:flex}.decor-section__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-xs);font-size:11px;font-weight:600}.asset--thumb{cursor:default}.asset__thumb{object-fit:contain;pointer-events:none;width:100%;height:64px}.prop-select{background:var(--color-void);color:var(--color-foreground);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-family:var(--font-body);padding:4px 8px;font-size:13px}.prop-delete{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:13px;display:inline-flex}.prop-name{background:var(--color-void);width:100%;color:var(--color-foreground);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-family:var(--font-display);padding:6px 8px;font-size:15px;font-weight:600}.prop-name:focus{border-color:#cfd8e6;outline:none}.prop-field{margin-top:var(--space-sm);flex-direction:column;gap:4px;display:flex}.prop-field>label{color:var(--color-muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.prop-field .prop-select{width:100%}.prop-val{color:var(--color-foreground);font-variant-numeric:tabular-nums}.prop-field input[type=range]{accent-color:#cfd8e6;width:100%}.prop-row.is-active span{color:var(--color-foreground)}.acc{border-top:1px solid var(--color-hairline);margin-top:var(--space-sm)}.acc-head{justify-content:space-between;align-items:center;gap:var(--space-sm);cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);background:0 0;border:none;padding:8px 0 4px;font-size:12px;font-weight:600;display:flex}.acc-head:hover{color:var(--color-foreground)}.acc-chev{flex:none;transition:transform .15s}.acc-chev.is-open{transform:rotate(180deg)}.acc-body{padding-bottom:var(--space-xs)}.scalectl{position:relative}.btn.is-armed{box-shadow:var(--rim-inset-strong), inset 0 0 0 1.5px #ffd400;color:#ffd400}.scale-pop{z-index:50;gap:var(--space-sm);width:260px;padding:var(--space-md);background:var(--color-panel);border:1px solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--rim-inset-strong), 0 12px 32px #00000073;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);left:0}.scale-pop--right{left:auto;right:0}.scale-pop__head{justify-content:space-between;align-items:center;display:flex}.scale-pop__title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:600}.iconbtn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover{color:var(--color-foreground);background:var(--color-void)}.scale-pop__presets{gap:var(--space-xs);flex-direction:column;display:flex}.scale-preset{justify-content:space-between;align-items:baseline;gap:var(--space-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--surface-gradient);color:var(--color-foreground);cursor:pointer;transition:transform var(--motion-medium), box-shadow var(--motion-medium);padding:8px 10px;font-family:inherit;font-size:13px;display:flex}.scale-preset:hover{box-shadow:var(--rim-inset-strong);transform:translateY(-1px)}.scale-preset span{color:var(--color-muted);font-size:12px}.scale-pop__custom{gap:var(--space-xs);display:flex}.scale-pop__custom input{background:var(--color-void);min-width:0;color:var(--color-foreground);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-family:var(--font-body);flex:1;padding:6px 8px;font-size:13px}.scale-pop__toggle{align-items:center;gap:var(--space-xs);color:var(--color-foreground);cursor:pointer;font-size:13px;display:flex}.scale-pop__toggle input{accent-color:#ffd400}.scale-pop__clear{color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 0;font-family:inherit;font-size:12px}.scale-pop__clear:hover{color:#ffd400}.layer-group__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:8px 0 3px;font-size:11px;font-weight:600}.layer-group:first-child .layer-group__label{margin-top:0}.layer-group__label--btn{justify-content:space-between;align-items:center;gap:var(--space-sm);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:2px 0;display:flex}.layer-group__label--btn:hover,.layer-group__label--btn.is-active{color:var(--color-foreground)}.layer-group__hint{letter-spacing:.04em;text-transform:none;color:var(--color-muted);font-size:11px;font-weight:400}.layer-actions{align-items:center;gap:1px;display:inline-flex}.layer-edit{background:var(--color-void);min-width:0;color:var(--color-foreground);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-family:var(--font-body);flex:1;padding:3px 6px;font-size:13px}.save-error{color:#ffd400;margin:6px 0 0;font-size:12px;line-height:1.4}.tester-badge{letter-spacing:.04em;color:var(--color-muted);align-items:center;gap:5px;margin:0 0 8px;font-size:11px;font-weight:600;display:inline-flex}.btn.is-saved{color:#34c759;box-shadow:var(--rim-inset-strong), inset 0 0 0 1.5px #34c759}.design-list{gap:var(--space-xs);flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.design-empty{color:var(--color-muted);margin:4px 0;font-size:13px}.design-row{align-items:stretch;gap:var(--space-xs);display:flex}.design-row__open{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--surface-gradient);min-width:0;color:var(--color-foreground);cursor:pointer;transition:transform var(--motion-medium), box-shadow var(--motion-medium);flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:8px 10px;font-family:inherit;display:flex}.design-row__open:hover{box-shadow:var(--rim-inset-strong);transform:translateY(-1px)}.design-row__name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;font-weight:600;overflow:hidden}.design-row__date{color:var(--color-muted);font-size:11px}.canvas-area.is-measuring .konvajs-content,.canvas-area.is-measuring{cursor:crosshair!important}.scale-hint{bottom:var(--space-md);border-radius:var(--radius-pill,999px);color:var(--color-muted);pointer-events:none;white-space:nowrap;background:#0000008c;padding:6px 12px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.scale-hint--active{color:#ffd400;background:#000000b3}.scale-hint--warn{bottom:calc(var(--space-md) + 36px);color:#ffd400;background:#000000b3}.ftb{z-index:20;background:var(--color-panel);border:1px solid var(--color-hairline);box-shadow:var(--rim-inset-strong), 0 8px 24px #00000073;white-space:nowrap;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.ftb-btn,.ftb-chip{height:28px;color:var(--color-foreground);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:13px;display:inline-flex}.ftb-btn{width:28px}.ftb-chip{padding:0 8px}.ftb-btn:hover,.ftb-chip:hover{background:var(--color-void)}.ftb-sep{background:var(--color-hairline);width:1px;height:18px;margin:0 4px}.ftb-toggle{border:1px solid var(--color-hairline);border-radius:6px;display:inline-flex;overflow:hidden}.ftb-tbtn{width:26px;height:26px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ftb-tbtn:hover,.ftb-tbtn.is-on{background:var(--color-void);color:var(--color-foreground)}.ftb-dots{gap:2px;display:inline-flex}.ftb-dot{border-radius:50%;width:8px;height:8px}.ftb-ft{color:var(--color-muted);padding:0 8px;font-size:12px}.btn.is-active{background:var(--color-void);color:var(--color-foreground)}.ftb-count{color:var(--color-foreground);padding:0 8px;font-size:12px;font-weight:500}.ftb-menu{z-index:21;background:var(--color-panel);border:1px solid var(--color-hairline);border-radius:var(--radius-md);width:210px;max-height:250px;box-shadow:var(--rim-inset-strong), 0 12px 32px #00000073;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.ftb-menu--sm{width:110px}.ftb-row{border-radius:var(--radius-sm);color:var(--color-foreground);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.ftb-row:hover{background:var(--color-void)}.ftb-row.is-current{color:var(--color-foreground)}.ftb-row__label{flex:1}.ftb-menu__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);padding:6px 8px 2px;font-size:11px;font-weight:600}.ftb-menu__label:first-child{padding-top:4px}@keyframes panel-ping{0%{box-shadow:inset 0 0 0 1.5px #cfd8e6}to{box-shadow:none}}.contextpanel.is-ping{animation:.9s ease-out panel-ping}.zoomctl{bottom:var(--space-md);right:var(--space-md);border-radius:var(--radius-pill,999px);background:var(--color-panel);border:1px solid var(--color-hairline);box-shadow:var(--rim-inset-strong), 0 6px 18px #0006;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.zoombtn{width:30px;height:30px;color:var(--color-foreground);cursor:pointer;transition:background var(--motion-medium), color var(--motion-medium);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.zoombtn:hover{background:var(--color-void)}.zoombtn.is-active{color:var(--color-void);background:#cfd8e6}.zoompct{border-radius:var(--radius-sm);min-width:48px;height:30px;color:var(--color-foreground);font-family:var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:12px}.zoompct:hover{background:var(--color-void)}.canvas-empty{color:var(--color-muted);pointer-events:none;font-size:14px;position:absolute}.landing{background:var(--color-void);height:100vh;color:var(--color-foreground);flex-direction:column;display:flex}.landing__nav{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.landing__hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.landing__badge{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted);margin:0 0 22px;font-size:11px}.landing__title{font-family:var(--font-serif);margin:0;font-size:clamp(38px,6vw,56px);font-weight:500;line-height:1.12}.landing__rule{background:var(--color-hairline);width:56px;height:1px;margin:26px 0}.landing__sub{color:var(--color-muted);margin:0 0 34px;font-size:15px}.landing__cta{background:var(--color-foreground);color:var(--color-void);font-family:var(--font-display);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:13px 30px;font-size:15px;font-weight:500;display:inline-flex}.landing__cta:hover{opacity:.88}.landing__points{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px;display:flex}.landing__points span{font-family:var(--font-display);color:var(--color-muted);font-size:12.5px}.landing__foot{border-top:1px solid var(--color-hairline);font-family:var(--font-display);color:var(--color-muted);justify-content:space-between;padding:14px 28px;font-size:11.5px;display:flex}