*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.contents{display:contents}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101117;color:#f5f0e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}:root{--legal-footer-height: 42px}body{margin:0;min-width:320px;min-height:100vh;padding-bottom:var(--legal-footer-height);background:linear-gradient(180deg,#07080cc7,#101117f5),url(/src/assets/splash.png);background-color:#101117;background-position:center top;background-repeat:no-repeat;background-size:min(1500px,160vw) auto}body:has(.splash-page){overflow:hidden;padding-bottom:0;background:radial-gradient(circle at center,#ffe18947 0,#ae4c3638 24%,#161118e0 57%,#07080c),url(/src/assets/splash.png);background-color:#07080c;background-position:center;background-repeat:no-repeat;background-size:cover}body:has(.mobile-gate-page){overflow:hidden;padding-bottom:0;background:radial-gradient(circle at center,#ffe1893d 0,#ae4c3629 24%,#161118e0 57%,#07080c),url(/src/assets/splash.png);background-color:#07080c;background-position:center;background-repeat:no-repeat;background-size:cover}a{color:inherit;text-decoration:none}button,input{font:inherit}.demo-warning{position:sticky;top:0;z-index:30;display:flex;min-height:42px;align-items:center;justify-content:center;gap:14px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.11);background:#11141df5;color:#f5f0e8d1;font-size:.86rem;font-weight:700;text-align:center}.warning-button,.link-button,.inline-link{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:3px}.site-header{position:sticky;top:42px;z-index:20;display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:16px clamp(16px,5vw,54px);border-bottom:1px solid rgba(255,255,255,.11);background:#0c0d12d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,nav,.button,.actions-row,.download-list{display:inline-flex;align-items:center}.brand{gap:10px;font-weight:900;letter-spacing:.12em}.brand-mark{display:block;width:34px;height:34px;-o-object-fit:cover;object-fit:cover;flex:none;border:0;background:transparent}nav{gap:14px}nav a{display:inline-flex;min-height:34px;align-items:center;gap:6px;color:#f5f0e8c7;font-size:.92rem}nav a.active,nav a:hover{color:#fff}.button{min-height:42px;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#f9f6ef;cursor:pointer;font-weight:800;padding:10px 16px}.button:hover:not(:disabled),.button:focus-visible{border-color:#ffffff61;background:#ffffff24}.button.primary{border-color:#efb044;background:#efb044;color:#161006}.button.large{min-height:50px;padding-inline:20px}.button.compact{min-height:36px;padding:8px 12px}.button.full{width:100%}.button.disabled,.button:disabled{cursor:not-allowed;opacity:.48}.hero-page{min-height:calc(100vh - 96px)}.splash-page{display:grid;min-height:100vh;place-items:center;padding:24px}.splash-page:before{position:fixed;inset:0;content:"";background:radial-gradient(circle at center,#f6bd5633,#f6bd5600 28%),radial-gradient(circle at center,#0000 0 32%,#00000094 72%,#000000e6);pointer-events:none}.splash-hero,.splash-copy{position:relative;display:grid;place-items:center}.splash-hero{width:min(720px,100%)}.splash-copy{gap:20px;animation:splashFadeIn .95s ease-out both;text-align:center}.splash-logo{width:clamp(78px,13vw,132px);height:clamp(78px,13vw,132px);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 22px 42px rgba(0,0,0,.45))}.splash-copy h1{margin:0;color:#fff8ea;font-size:clamp(3.2rem,12vw,8.4rem);font-weight:950;text-shadow:0 18px 46px rgba(0,0,0,.56)}.splash-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:min(860px,100%)}.splash-button{min-width:min(230px,100%);box-shadow:0 18px 50px #00000042}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero{display:flex;min-height:min(680px,calc(100vh - 96px));align-items:center;padding:clamp(42px,8vw,96px) clamp(18px,7vw,88px)}.hero-copy{max-width:760px}.eyebrow{margin:0 0 10px;color:#efb044;font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(2.6rem,8vw,7rem);line-height:.95;letter-spacing:0}h2{font-size:1.25rem}h3{margin-bottom:8px;font-size:1rem}.hero-subtitle{max-width:620px;color:#f5f0e8c7;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-actions,.actions-row,.download-list{flex-wrap:wrap;gap:12px}.content-band{padding:34px clamp(18px,7vw,88px) 72px;background:#f5f0e80b}.summary-grid,.account-grid,.pricing-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid article,.panel,.price-card,.asset-card{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#12141bdb;box-shadow:0 18px 50px #0000002e}.summary-grid article,.panel,.price-card{padding:22px}.muted,.summary-grid p,.price-card p,.asset-card p{color:#f5f0e8ad;line-height:1.55}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 120px}.page.narrow{width:min(720px,calc(100% - 32px))}.legal-page{display:grid;gap:16px}.legal-page-panel{display:grid;gap:22px}.legal-page-header{display:grid;gap:6px}.legal-page-body{display:grid;gap:22px}.legal-section{display:grid;gap:10px}.legal-section h2{margin:0;font-size:1.05rem}.legal-section p,.legal-section li{color:#f5f0e8cc;line-height:1.6}.legal-section ul{margin:0;padding-left:18px}.legal-page-footer{display:flex;justify-content:flex-start}.download-page{display:grid;gap:18px}.download-page h1{font-size:clamp(2.15rem,6vw,4.45rem)}.download-logo{width:clamp(82px,13vw,132px);height:clamp(82px,13vw,132px);flex:0 0 auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.38))}.download-access-panel{display:grid;justify-items:start;gap:10px}.download-hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(18px,4vw,42px);align-items:center;overflow:hidden;border:1px solid rgba(239,176,68,.22);border-radius:8px;background:linear-gradient(135deg,#efb04429,#13151ebd 44%,#212c3e6b),#0c0d12e6;box-shadow:0 22px 70px #0000003d;padding:clamp(22px,4vw,34px)}.download-hero-panel:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(255,255,255,.09),transparent 42%),radial-gradient(circle at 82% 24%,rgba(239,176,68,.22),transparent 34%);pointer-events:none}.download-hero-copy,.download-hero-panel .download-logo{position:relative;z-index:1}.download-hero-copy p:not(.eyebrow){max-width:720px;margin-bottom:0;color:#f5f0e8cc;font-size:1.02rem;line-height:1.65}.download-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:stretch}.download-control-panel{display:grid;align-content:start;gap:14px;background:linear-gradient(180deg,#1e222deb,#0f1118eb),#12141be6}.download-panel-heading{display:flex;gap:12px;align-items:flex-start}.download-panel-heading svg{flex:0 0 auto;margin-top:2px;color:#efb044}.download-panel-heading h2,.download-panel-heading p{margin-bottom:4px}.download-status-row{display:flex;flex-wrap:wrap;gap:8px}.download-status-pill{display:inline-flex;min-height:32px;align-items:center;gap:7px;border:1px solid rgba(98,211,149,.28);border-radius:999px;background:#62d3951f;color:#caffe0;padding:6px 10px;font-size:.82rem;font-weight:900}.download-status-pill.muted-pill{border-color:#ffffff29;background:#ffffff12;color:#f5f0e8c2}.download-upgrade-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.promo-redeem-panel{display:grid;gap:12px}.promo-redeem-panel .notice{margin-bottom:0}.download-link-panel{display:grid;align-content:center;gap:16px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff08),#12141bd1;color:#f9f6ef;padding:clamp(18px,3vw,26px)}.download-link-panel h2,.download-link-panel p{margin-bottom:6px}.download-link-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid rgba(239,176,68,.36);border-radius:8px;background:#efb04424;color:#efb044}.page-heading{margin-bottom:20px}.page-heading h1,.panel h1{font-size:clamp(2rem,5vw,3.8rem)}.demo-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.limit-list{display:grid;gap:10px;margin-bottom:18px}.limit-list div,.device-row{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.limit-list span,.device-row span,.device-row small{color:#f5f0e8a3}.form,.upload-form{display:grid;gap:14px}.inline-form,.upload-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:18px}.upload-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}label{display:grid;gap:7px;color:#f5f0e8d1;font-size:.9rem;font-weight:800}input{min-height:42px;width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#00000038;color:#fff;padding:10px 12px}.demo-app{display:grid;min-height:calc(100vh - 118px);grid-template-columns:260px minmax(0,1fr);background:radial-gradient(circle at 30% 12%,rgba(239,176,68,.16),transparent 28%),linear-gradient(135deg,#0b0d12f0,#1a1618f5)}.demo-sidebar{display:grid;align-content:start;gap:18px;padding:22px;border-right:1px solid rgba(255,255,255,.1);background:#080a0f9e}.demo-sidebar-brand,.demo-nav-item,.demo-topbar,.canvas-toolbar{display:flex;align-items:center}.demo-sidebar-brand{gap:10px;font-weight:900}.demo-nav{display:grid;gap:8px}.demo-nav-item{min-height:40px;gap:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#f5f0e8b3;cursor:pointer;padding:9px 10px;text-align:left}.demo-nav-item.active,.demo-nav-item:hover{border-color:#efb0443d;background:#efb0441f;color:#fff8ea}.demo-limit-panel{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.demo-limit-panel div{display:flex;justify-content:space-between;gap:12px}.demo-limit-panel span{color:#f5f0e894}.demo-stage{min-width:0;padding:18px}.demo-topbar{min-height:72px;justify-content:space-between;gap:14px;margin-bottom:12px}.demo-title-form{display:grid;width:min(560px,100%);grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.demo-status-row{min-height:0}.demo-workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:stretch}.demo-canvas,.demo-inspector{min-height:620px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0d0f15b8;box-shadow:0 22px 70px #0000003d}.demo-canvas{overflow:hidden}.canvas-toolbar{justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f0e89e;font-size:.86rem;font-weight:800}.canvas-board{position:relative;min-height:570px;padding:28px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px}.canvas-node{position:absolute;display:grid;gap:6px;min-width:160px;max-width:220px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#161922f0;color:#f9f6ef;padding:14px;text-align:left;box-shadow:0 18px 42px #00000040}.canvas-node span,.canvas-node p,.inspector-card small{color:#f5f0e894}.primary-node{top:42px;left:42px;border-color:#efb0446b;background:#402d18f0}.asset-node{top:var(--node-top);left:var(--node-left);cursor:pointer}.asset-node.selected{border-color:#efb044;box-shadow:0 0 0 2px #efb04433,0 18px 42px #00000040}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;gap:10px;color:#f5f0e88f;text-align:center}.demo-inspector{display:grid;align-content:start;gap:18px;padding:20px}.demo-inspector h2{margin-bottom:0}.inspector-card{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.inspector-card h3{font-size:1.25rem}.demo-add-form{padding-top:2px}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0;color:#f5f0e894;font-size:.82rem;font-weight:800;text-transform:uppercase}.auth-divider:before,.auth-divider:after{height:1px;content:"";background:#ffffff1f}.checkbox-row{display:inline-flex;width:-moz-fit-content;width:fit-content;grid-template-columns:none;align-items:center;gap:9px;color:#f5f0e8b3;font-weight:700}.checkbox-row input{min-height:auto;width:16px;height:16px}.asset-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.asset-card{display:flex;min-height:92px;justify-content:space-between;gap:12px;padding:14px}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#fff;cursor:pointer}.empty-state{display:grid;min-height:180px;place-items:center;border:1px dashed rgba(255,255,255,.18);border-radius:8px;color:#f5f0e89e;text-align:center}.notice{margin-bottom:14px;border:1px solid rgba(239,176,68,.34);border-radius:8px;background:#efb0441f;color:#ffe3a7;padding:12px}.notice.error{border-color:#ff60605c;background:#ff60601f;color:#ffd3d3}.notice.success{border-color:#62d3955c;background:#62d3951f;color:#caffe0}.status{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:900;text-transform:uppercase}.status.paid{background:#62d39529;color:#caffe0}.status.unpaid{background:#efb04429;color:#ffe3a7}.device-list{display:grid;gap:10px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#0000009e}.modal{position:relative;width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#15171f;padding:24px}.purchase-modal{display:flex;width:min(1180px,calc(100vw - 28px));max-height:calc(100dvh - 28px);flex-direction:column;overflow:auto;overscroll-behavior:contain;padding:clamp(12px,1.4vw,18px)}.purchase-modal-header{max-width:620px;padding-right:42px}.purchase-modal-header h2{margin-bottom:10px;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1}.modal-close{position:absolute;top:14px;right:14px}.beta-pricing-grid{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:10px}.beta-price-card,.beta-purchase-note{min-width:0}.beta-price-card{display:flex;flex-direction:column;justify-content:center;min-height:230px;border-color:#efb04452;background:linear-gradient(135deg,rgba(239,176,68,.14),transparent 52%),#12141be6;padding:clamp(16px,1.9vw,22px)}.beta-price-card h3{margin:0 0 6px;color:#f9f6ef;font-size:clamp(1.55rem,3.2vw,2.75rem);line-height:.9;text-transform:uppercase}.purchase-kicker{margin:0 0 6px;color:#ffe3a7;font-size:.82rem;font-weight:900;text-transform:uppercase}.price-card .purchase-price{display:block;margin:0 0 6px;color:#efb044;font-size:clamp(2.65rem,5.1vw,4.55rem);line-height:.9}.price-card .purchase-price span,.purchase-result strong span{margin-left:8px;color:#f5f0e8ad;font-size:.24em;font-weight:900;vertical-align:baseline}.purchase-original-price{margin:-2px 0 8px;color:#f5f0e8ad;font-size:.88rem;font-weight:900}.purchase-currency-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(239,176,68,.34);border-radius:8px;background:#efb0441a;padding:10px 12px;color:#f5f0e8d1;font-size:.85rem;font-weight:800}.purchase-currency-note button{border:1px solid rgba(245,240,232,.24);border-radius:999px;background:#f5f0e814;color:#f9f6ef;padding:6px 10px;font:inherit;font-size:.78rem;cursor:pointer}.purchase-currency-note button:hover{border-color:#efb044ad;color:#ffe3a7}.purchase-once-line{margin:0 0 4px;color:#f5f0e8e6;font-size:clamp(1rem,1.55vw,1.25rem);font-weight:900;line-height:1.15}.purchase-upgrade-line{margin:0 0 12px;color:#f5f0e8a8;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:800}.purchase-beta-warning{margin:0 0 12px;border:1px solid rgba(239,176,68,.28);border-radius:8px;background:#efb04414;color:#ffefc4e6;padding:10px 12px;font-size:.88rem;line-height:1.5}.purchase-confirmation{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:0 0 14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;padding:12px;color:#f5f0e8cc;font-size:.82rem;line-height:1.55}.purchase-confirmation input{width:16px;height:16px;margin:2px 0 0}.purchase-confirmation a{color:#fff;text-decoration:underline;text-underline-offset:3px}.beta-price-card .button{width:min(360px,100%);margin-top:0}.beta-purchase-note{display:grid;align-content:stretch;gap:8px}.purchase-total,.purchase-vs{display:grid;border:1px solid rgba(135,160,184,.24);border-radius:8px;background:#2d3e4e57;padding:clamp(14px,1.7vw,20px)}.purchase-total{flex:1;min-height:128px;align-content:center}.purchase-equation{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;color:#f5f0e8b8;font-size:clamp(.95rem,1.45vw,1.18rem);font-weight:900}.purchase-equation small,.purchase-vs s small{color:#f5f0e894;font-size:.62em;font-weight:900;text-decoration:none}.purchase-result{display:flex;align-items:baseline;gap:8px}.purchase-equals{color:#f5f0e89e;font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:900;line-height:.9}.purchase-vs span{color:#f5f0e89e;font-size:.82rem;font-weight:900;text-transform:uppercase}.purchase-total strong{color:#f9f6ef;font-size:clamp(2.15rem,3.8vw,3.35rem);line-height:.9}.purchase-total-label{color:#efb044;font-size:.84rem;font-weight:900;text-transform:uppercase}.purchase-vs{gap:4px;align-content:center}.purchase-vs p{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 4px}.purchase-vs s{color:#f5f0e8b3;font-size:clamp(1.2rem,2.1vw,1.75rem);font-weight:900}.purchase-vs strong{color:#efb044;font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:.9}.purchase-vs small{margin:0;color:#f5f0e8c7;font-size:clamp(.92rem,1.4vw,1.1rem);font-weight:900;text-transform:uppercase}.price-card strong{display:block;margin-bottom:8px;color:#efb044;font-size:1.35rem}@media(max-width:860px){.site-header{top:auto;grid-template-columns:1fr;gap:12px}nav,.site-header .button{justify-self:start}.summary-grid,.account-grid,.download-grid,.pricing-grid,.demo-app,.demo-layout,.demo-workbench,.inline-form,.upload-form{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.demo-topbar,.demo-title-form{grid-template-columns:1fr}.demo-topbar{display:grid}.demo-canvas,.demo-inspector{min-height:auto}.canvas-board{min-height:520px}.asset-node{left:28px;right:28px;max-width:none}.demo-warning{position:static;flex-direction:column;gap:6px}.demo-top-banner{flex-direction:column;gap:5px;padding:6px 12px}.demo-top-banner-button{width:min(260px,100%)}.hero{min-height:auto}.splash-page{padding:18px}.splash-actions,.splash-button{width:100%}.download-hero-panel{grid-template-columns:1fr}.download-hero-panel .download-logo{width:92px;height:92px}.download-link-panel{min-height:96px}.purchase-modal{min-height:auto;overflow:auto}.beta-price-card{min-height:auto}.purchase-vs{grid-template-columns:1fr}}@media(max-height:520px)and (min-width:861px){.purchase-modal{overflow:auto}}body:has(.splash-page){background:#050506}.splash-page{position:relative;display:grid;min-height:calc(100vh - var(--legal-footer-height));place-items:start center;overflow:hidden;padding:0;background:#050506}.splash-bg{position:fixed;inset:0;background-image:url(/src/assets/splash.png);background-position:center;background-repeat:no-repeat;background-size:cover}.splash-bg-mono{opacity:.95;filter:grayscale(1) contrast(1.08) brightness(.72)}.splash-bg-color{mask-image:radial-gradient(circle at center,#000 0,#000 var(--reveal-radius),rgba(0,0,0,.82) var(--reveal-glow),rgba(0,0,0,.28) var(--reveal-feather),transparent var(--reveal-edge));-webkit-mask-image:radial-gradient(circle at center,#000 0,#000 var(--reveal-radius),rgba(0,0,0,.82) var(--reveal-glow),rgba(0,0,0,.28) var(--reveal-feather),transparent var(--reveal-edge))}.splash-bg-halo{background:radial-gradient(circle at center,rgba(255,244,210,.18) 0,rgba(255,186,91,.12) 36vmax,transparent 64vmax),#0003;pointer-events:none}.splash-corner-logo{position:fixed;top:18px;left:18px;z-index:5;width:clamp(46px,7vw,76px);height:clamp(46px,7vw,76px);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}.splash-hero{position:relative;z-index:4;display:grid;width:min(980px,calc(100% - 32px));min-height:78vh;place-items:start center;padding-top:clamp(3rem,8vh,8rem);transition:opacity .7s ease}.splash-copy{display:grid;gap:0;place-items:center;text-align:center}.splash-copy h1{margin:0;color:#fff;font-family:MedievalSharp,Almendra,Georgia,serif;font-size:clamp(3rem,12vw,10rem);font-weight:400;letter-spacing:.3em;text-shadow:0 0 20px rgba(255,255,255,.55),0 0 42px rgba(255,255,255,.28)}.splash-copy p{margin:clamp(.9rem,2.4vh,1.8rem) 0 clamp(2.2rem,7vh,5.6rem);color:#fff;font-family:MedievalSharp,Almendra,Georgia,serif;font-size:clamp(.8rem,2.5vw,1.8rem);font-weight:700;letter-spacing:.3em;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3)}.splash-actions{position:relative;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:min(860px,100%);transition:opacity .42s ease}.splash-button{min-width:min(230px,100%);box-shadow:0 18px 50px #0000005c}.home-generator-grid{display:grid;width:min(760px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-generator-card{display:grid;min-height:112px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid rgba(239,176,68,.3);border-radius:8px;background:linear-gradient(180deg,#14120fc7,#08080a9e);box-shadow:0 18px 48px #00000047;color:#fff8ea;padding:14px;text-align:left;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-generator-card:hover,.home-generator-card:focus-visible{border-color:#ffdd8fd1;background:linear-gradient(180deg,#3a2b18db,#0c0c0eb8);transform:translateY(-2px)}.home-generator-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#efb0442e;color:#ffd76f}.home-generator-card strong,.home-generator-card small{display:block}.home-generator-card strong{color:#fff8ea;font-size:.98rem}.home-generator-card small{margin-top:4px;color:#f5f0e8c7;font-size:.76rem;line-height:1.32}.splash-explainer-trigger{position:fixed;right:0;bottom:calc(var(--legal-footer-height) + clamp(18px,4vh,34px));left:0;z-index:7;display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:38px;align-items:center;justify-content:center;gap:8px;margin:0 auto;border:1px solid rgba(239,176,68,.42);border-radius:999px;background:linear-gradient(180deg,#15120ebd,#0a0a0a94);box-shadow:0 14px 34px #00000061,0 0 22px #efb0441f;color:#fff6dc;cursor:pointer;font-size:.86rem;font-weight:900;padding:9px 16px;transition:opacity .42s ease,transform .18s ease,border-color .18s ease,background .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.splash-explainer-trigger:hover,.splash-explainer-trigger:focus-visible{border-color:#ffdd8fc7;background:linear-gradient(180deg,#382a18d1,#100e0ca8);transform:translateY(-1px)}.splash-explainer-backdrop{position:fixed;top:0;right:0;bottom:var(--legal-footer-height);left:0;z-index:90;display:grid;place-items:center;overflow:hidden;padding:clamp(18px,3vw,34px);background:radial-gradient(circle at 50% 46%,rgba(239,176,68,.16),transparent 34%),#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.splash-explainer-modal{position:relative;display:grid;width:min(1240px,96vw);height:min(720px,88vh);max-height:calc(100vh - var(--legal-footer-height) - 36px);min-height:540px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(135deg,#201f22f2,#090a0df5 48%,#20150df0),#08080af5;box-shadow:0 32px 90px #00000094,inset 0 1px #ffffff17;color:#fff}.splash-explainer-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.splash-explainer-modal:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 74% 22%,rgba(239,176,68,.15),transparent 30%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;pointer-events:none}.splash-explainer-modal::-webkit-scrollbar{width:10px}.splash-explainer-modal::-webkit-scrollbar-track{background:#ffffff0a}.splash-explainer-modal::-webkit-scrollbar-thumb{border:2px solid rgba(10,10,12,.86);border-radius:999px;background:#efb04494}.splash-explainer-close{position:absolute;top:14px;right:14px;z-index:4;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#090a0cb3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.splash-explainer-close:hover,.splash-explainer-close:focus-visible{border-color:#ffffff5c;background:#ffffff1f}.splash-explainer-image-frame{position:relative;z-index:2;display:grid;min-width:0;min-height:100%;place-items:start center;margin:0;overflow:auto;padding:10px;border-radius:12px;background:radial-gradient(circle at 50% 42%,rgba(239,176,68,.12),transparent 46%),#ffffff0b;box-shadow:inset 0 0 36px #ffffff0a,0 24px 70px #00000052}.splash-explainer-shell{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;min-width:0;min-height:100%;padding:18px}.splash-explainer-sidepanel{display:flex;align-items:center;min-height:0;min-width:0;padding:12px 16px;border:1px solid rgba(239,176,68,.18);border-radius:12px;background:linear-gradient(180deg,#080a0eeb,#120f0be0);box-shadow:inset 0 0 34px #ffffff08}.splash-explainer-sidepanel p{margin:0;color:#fffaedc7;font-size:clamp(.74rem,1.15vw,.92rem);line-height:1.45;overflow-wrap:anywhere}.splash-explainer-image-frame:before{content:""}.splash-explainer-image-frame img{display:block;width:100%;height:auto;max-width:none;-o-object-fit:contain;object-fit:contain}.splash-terms{position:fixed;right:0;bottom:clamp(1rem,3vh,2rem);left:0;z-index:5;margin:0;padding:0 18px;color:#ffffff9e;font-size:clamp(.68rem,1.5vw,.82rem);text-align:center}.splash-terms a{color:#fff;text-decoration:underline;text-underline-offset:3px}.legal-banner{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;min-height:var(--legal-footer-height);align-items:center;justify-content:center;padding:6px 16px calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.11);background:#0c0d12f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f5f0e8b8;text-align:center}.legal-banner p{margin:0;font-size:.74rem;line-height:1.35}.legal-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px}.purchase-legal{border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.purchase-legal p{margin:0;color:#f5f0e8bd;font-size:.82rem;line-height:1.5}.purchase-legal a{color:#fff;text-decoration:underline;text-underline-offset:3px}.mobile-gate-page{position:relative;display:grid;min-height:calc(100vh - var(--legal-footer-height));place-items:center;overflow:hidden;padding:24px 16px}.mobile-gate-page .splash-bg-color{opacity:.72}.mobile-gate-panel{position:relative;z-index:4;display:grid;gap:20px;width:min(100%,420px);padding:24px;background:#0e1016e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-gate-badge,.mobile-gate-note{display:inline-flex;align-items:center;gap:10px}.mobile-gate-badge{justify-self:start;padding:8px 12px;border:1px solid rgba(239,176,68,.28);border-radius:999px;background:#efb04414;color:#f7d69a;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-gate-logo{width:72px;height:72px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.34))}.mobile-gate-copy{display:grid;gap:12px}.mobile-gate-copy h1{margin:0;color:#fff8ea;font-family:MedievalSharp,Almendra,Georgia,serif;font-size:clamp(2rem,9vw,3rem);font-weight:400;line-height:1.04}.mobile-gate-copy p{margin:0;color:#f5f0e8d1;line-height:1.6}.mobile-gate-notes{display:grid;gap:12px}.mobile-gate-note{align-items:flex-start;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#f5f0e8cc;line-height:1.5}.mobile-gate-note svg{margin-top:1px;flex:none;color:#efb044}.mobile-gate-button{width:100%}.app-parity-demo{min-height:calc(100vh - 118px);grid-template-columns:minmax(260px,320px) minmax(0,1fr);background:radial-gradient(circle at 48% 15%,rgba(246,189,86,.16),transparent 32%),linear-gradient(135deg,#08090dfa,#161318fa)}.demo-library-panel,.demo-asset-explorer,.demo-inspector,.demo-canvas{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0d0f16d1;box-shadow:0 22px 70px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-library-panel{display:grid;align-content:start;gap:16px;min-height:calc(100vh - 118px);padding:18px;border-width:0 1px 0 0;border-radius:0;background:#080a0fb8}.demo-app-brand,.demo-panel-heading,.demo-root-node,.demo-tree-row,.demo-locked-list button{display:flex;align-items:center}.demo-app-brand{gap:12px;padding-bottom:4px}.demo-app-brand img{width:42px;height:42px;-o-object-fit:contain;object-fit:contain}.demo-app-brand strong,.demo-app-brand span,.demo-panel-heading h1,.demo-panel-heading h2{display:block}.demo-app-brand strong{letter-spacing:.14em}.demo-app-brand span,.demo-panel-heading p,.demo-tree-row small,.demo-book-cover small{color:#f5f0e894;font-size:.78rem}.demo-world-library{display:grid;gap:14px}.demo-panel-heading{justify-content:space-between;gap:12px}.demo-panel-heading h1,.demo-panel-heading h2{margin:0;font-size:1rem}.demo-panel-heading.compact-heading h2{font-size:.95rem}.demo-book-stage{display:grid;min-height:220px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:radial-gradient(ellipse at center,rgba(239,176,68,.2),transparent 58%),linear-gradient(180deg,#ffffff0b,#ffffff03)}.demo-book-cover{display:grid;width:min(148px,68%);min-height:190px;align-content:space-between;gap:12px;border:1px solid rgba(239,176,68,.36);border-radius:6px;background:linear-gradient(90deg,rgba(0,0,0,.28) 0 16px,transparent 16px),linear-gradient(145deg,#3a171d,#7d3a26 54%,#2d1117);color:#fff8ea;padding:16px 14px;box-shadow:0 28px 55px #0000006b}.demo-book-cover span{color:#fff8eaad;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.demo-book-cover strong{font-family:Georgia,serif;font-size:1.25rem}.demo-locked-list{display:grid;gap:8px}.demo-locked-list button{justify-content:space-between;gap:10px;min-height:40px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:#f5f0e8bd;cursor:pointer;padding:9px 10px}.demo-stage{padding:16px}.demo-topbar{display:flex;min-height:64px;align-items:end;justify-content:space-between;gap:12px}.app-parity-demo .demo-workbench{grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(280px,340px);gap:14px}.demo-asset-explorer,.app-parity-demo .demo-inspector{display:grid;align-content:start;gap:14px;min-height:620px;padding:16px}.demo-search{position:relative;display:block}.demo-search svg{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#f5f0e875}.demo-search input{height:38px;min-height:38px;padding-left:34px;font-size:.86rem}.demo-root-node,.demo-tree-row{width:100%;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#f5f0e8d1;cursor:pointer;padding:9px 10px;text-align:left}.demo-root-node span{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#f3c15d,#d26a3c)}.demo-asset-tree{display:grid;gap:7px;max-height:430px;overflow:auto;padding-right:2px}.demo-tree-row{justify-content:flex-start}.demo-tree-row span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-tree-row.selected,.demo-tree-row:hover,.demo-root-node:hover{border-color:#efb04457;background:#efb0441f;color:#fff}.demo-tree-empty{padding:18px 10px;color:#f5f0e88f;text-align:center}.app-parity-demo .demo-canvas{min-height:620px;overflow:hidden}.app-parity-demo .canvas-board{min-height:570px;background-image:radial-gradient(circle at center,rgba(239,176,68,.08),transparent 42%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.app-parity-demo .canvas-node{border-color:#ffffff29;background:#141720f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-parity-demo .primary-node{border-color:#efb04470;background:#442d1cf2}@media(max-width:1180px){.app-parity-demo .demo-workbench{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.app-parity-demo .demo-inspector{grid-column:1 / -1;min-height:auto}}@media(max-width:860px){.splash-copy h1{max-width:100%;font-size:clamp(2.6rem,15vw,5rem);letter-spacing:.18em}.splash-copy p{letter-spacing:.18em}.splash-actions,.splash-button{width:min(360px,100%)}.home-generator-grid{grid-template-columns:1fr}.home-generator-card{min-height:82px}.splash-explainer-trigger{bottom:calc(var(--legal-footer-height) + 14px)}.splash-explainer-modal{height:min(760px,92vh);max-height:calc(100vh - var(--legal-footer-height) - 24px);min-height:0}.splash-explainer-shell{gap:12px;min-height:0;padding:18px}.splash-explainer-sidepanel{padding:12px 14px 13px}.splash-explainer-image-frame{min-height:100%}.app-parity-demo{grid-template-columns:1fr}.demo-library-panel{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.demo-book-stage{min-height:180px}.demo-topbar{display:grid;align-items:stretch}.app-parity-demo .demo-workbench{grid-template-columns:1fr}.demo-asset-explorer,.app-parity-demo .demo-canvas,.app-parity-demo .demo-inspector{min-height:auto}.app-parity-demo .canvas-board{min-height:540px;overflow:hidden}.app-parity-demo .asset-node{left:28px;right:28px;max-width:none}}body:has(.kanvas-demo-shell){overflow:hidden;padding-bottom:0;background:#05070c}body:has(.kanvas-app-demo){overflow:hidden;padding-bottom:0;background:#05070c}.kanvas-app-demo{height:calc(100vh - var(--legal-footer-height))!important;min-height:calc(100vh - var(--legal-footer-height));--background: 240 50% 5%;--foreground: 200 100% 95%;--primary: 190 100% 50%;--primary-foreground: 240 50% 5%;--secondary: 270 70% 60%;--muted: 240 30% 20%;--muted-foreground: 200 30% 70%;--accent: 280 60% 65%;--border: 240 30% 25%;--glass-bg: 240 40% 15%;--glass-border: 200 50% 50%;--glass-blur: 20px;--glow-primary: 190 100% 60%;--glow-secondary: 270 80% 65%;--sidebar: 240 50% 8%;--sidebar-background: 240 50% 8%;--sidebar-foreground: 200 100% 90%;--sidebar-primary: 190 100% 50%;--sidebar-accent: 270 70% 60%;--sidebar-border: 240 30% 20%;background:hsl(var(--background));color:hsl(var(--foreground));-webkit-user-select:none;-moz-user-select:none;user-select:none}.kanvas-app-demo .app-background-layer{background:linear-gradient(180deg,#0000001f,#0000008a),url(/src/assets/cosmic-background.png);background-position:center;background-repeat:no-repeat;background-size:cover}.kanvas-app-demo .demo-book-shelf-stage{background-image:linear-gradient(180deg,#06070b2e,#06070b70),url(/src/assets/pedestal-dark.png);background-position:center;background-repeat:no-repeat;background-size:110%}.demo-top-banner{position:relative;z-index:60;display:flex;min-height:32px;align-items:center;justify-content:center;gap:10px;padding:5px 12px;border-bottom:1px solid rgba(92,114,134,.18);background:#090b10f5;color:#f1f5f9eb;font-size:.82rem;font-weight:800;text-align:center;box-shadow:none}.demo-top-banner-message{display:inline-flex;align-items:center;gap:6px;min-width:0}.demo-top-banner-logo{width:16px;height:16px;flex:none;-o-object-fit:contain;object-fit:contain;filter:brightness(.95) contrast(1.02)}.demo-top-banner-button{display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:1px solid rgba(112,133,150,.28);border-radius:8px;background:#ffffff0a;color:#fff;padding:5px 10px;text-decoration:none;white-space:nowrap}.demo-top-banner-button:hover,.demo-top-banner-button:focus-visible{border-color:#8c9fad57;background:#ffffff14}.kanvas-app-demo .flex{display:flex}.kanvas-app-demo .flex-col{flex-direction:column}.kanvas-app-demo .items-center{align-items:center}.kanvas-app-demo .items-end{align-items:flex-end}.kanvas-app-demo .justify-between{justify-content:space-between}.kanvas-app-demo .justify-center{justify-content:center}.kanvas-app-demo .justify-end{justify-content:flex-end}.kanvas-app-demo .gap-1{gap:4px}.kanvas-app-demo .gap-2{gap:8px}.kanvas-app-demo .gap-3{gap:12px}.kanvas-app-demo .flex-1{flex:1 1 0%}.kanvas-app-demo .flex-shrink-0{flex-shrink:0}.kanvas-app-demo .flex-wrap{flex-wrap:wrap}.kanvas-app-demo .relative{position:relative}.kanvas-app-demo .absolute{position:absolute}.kanvas-app-demo .fixed{position:fixed}.kanvas-app-demo .inset-0{inset:0}.kanvas-app-demo .top-0{top:0}.kanvas-app-demo .top-12{top:48px}.kanvas-app-demo .left-0{left:0}.kanvas-app-demo .right-0{right:0}.kanvas-app-demo .bottom-4{bottom:16px}.kanvas-app-demo .bottom-6{bottom:24px}.kanvas-app-demo .bottom-20{bottom:80px}.kanvas-app-demo .left-4{left:16px}.kanvas-app-demo .left-6{left:24px}.kanvas-app-demo .right-6{right:24px}.kanvas-app-demo .z-10{z-index:10}.kanvas-app-demo .z-50{z-index:50}.kanvas-app-demo .h-screen,.kanvas-app-demo .h-full{height:100vh}.kanvas-app-demo .h-full{height:100%}.kanvas-app-demo .w-full{width:100%}.kanvas-app-demo .min-h-0{min-height:0}.kanvas-app-demo .overflow-hidden{overflow:hidden}.kanvas-app-demo .overflow-y-auto{overflow-y:auto}.kanvas-app-demo .px-3{padding-inline:12px}.kanvas-app-demo .px-6{padding-inline:24px}.kanvas-app-demo .py-1{padding-block:4px}.kanvas-app-demo .py-2{padding-block:8px}.kanvas-app-demo .py-3{padding-block:12px}.kanvas-app-demo .py-4{padding-block:16px}.kanvas-app-demo .p-1{padding:4px}.kanvas-app-demo .pt-32{padding-top:128px}.kanvas-app-demo .mb-2{margin-bottom:8px}.kanvas-app-demo .mb-3{margin-bottom:12px}.kanvas-app-demo .mx-\[2\.5px\]{margin-inline:2.5px}.kanvas-app-demo .text-white{color:#fff}.kanvas-app-demo .text-white\/80{color:#fffc}.kanvas-app-demo .text-sm{font-size:.875rem}.kanvas-app-demo .text-xs{font-size:.75rem}.kanvas-app-demo .text-xl{font-size:1.25rem}.kanvas-app-demo .font-bold{font-weight:800}.kanvas-app-demo .tracking-wide{letter-spacing:.025em}.kanvas-app-demo .rounded-lg{border-radius:8px}.kanvas-app-demo .border-b{border-bottom:1px solid hsl(var(--sidebar-border) / .7)}.kanvas-app-demo .border-t{border-top:1px solid hsl(var(--glass-border) / .2)}.kanvas-app-demo .bg-black\/95{background:#000000f2}.kanvas-app-demo .bg-sidebar,.kanvas-app-demo .bg-sidebar\/85{background:hsl(var(--sidebar-background) / .85)}.kanvas-app-demo .glass{position:relative;overflow:hidden;border:.5px solid hsl(var(--glass-border) / .15);background:hsl(var(--glass-bg) / .25);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.kanvas-app-demo .glass-strong{position:relative;overflow:hidden;border:.5px solid hsl(var(--glass-border) / .2);background:hsl(var(--glass-bg) / .3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.kanvas-app-demo .cosmic-glow{box-shadow:inset 0 0 8px hsl(var(--primary) / .25),inset 0 0 16px hsl(var(--primary) / .15),inset 0 0 24px hsl(var(--primary) / .08),0 0 12px hsl(var(--primary) / .2),0 0 24px hsl(var(--primary) / .12),0 0 40px hsl(var(--primary) / .06),inset 0 .5px hsl(var(--glass-border) / .25)}.kanvas-app-demo .asset-viewport-shell{position:relative;z-index:1;animation:asset-viewport-demo-rise .9s cubic-bezier(.22,.9,.24,1) both}.kanvas-app-demo .demo-asset-port{width:calc(100% - 5px)}.kanvas-app-demo .demo-asset-port-header{min-height:46px}.app-button,.app-icon-button,.fantasy-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid hsl(var(--glass-border) / .3);border-radius:8px;background:hsl(var(--glass-bg) / .4);color:hsl(var(--foreground));cursor:pointer;font-weight:800;padding:8px 12px}.app-button:hover:not(:disabled),.app-icon-button:hover,.fantasy-tab:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--glass-bg) / .6);box-shadow:inset 0 0 6px hsl(var(--glow-primary) / .12),inset 0 0 12px hsl(var(--glow-primary) / .06),0 0 10px hsl(var(--glow-primary) / .1),0 0 20px hsl(var(--glow-primary) / .05),0 0 32px hsl(var(--glow-secondary) / .04)}.app-button:disabled{cursor:not-allowed;opacity:.48}.app-button-primary,.app-button-cosmic{border-color:hsl(var(--primary) / .45);background:hsl(var(--primary) / .82);color:hsl(var(--primary-foreground))}.app-button-outline{background:#ffffff0e}.app-button-sm{min-height:32px;padding:6px 10px;font-size:.82rem}.app-icon-button,.app-button.icon-only{width:34px;min-height:34px;padding:0}.app-button.danger{border-color:#f8717173;color:#fecaca}.app-icon-button.danger{border-color:#f8717152;color:#fecaca}.demo-view-mode-selector{display:inline-flex;overflow:hidden;border:1px solid hsl(var(--glass-border) / .34);border-radius:8px;background:#05070c85;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-view-mode-selector button{min-height:34px;border:0;border-right:1px solid hsl(var(--glass-border) / .28);background:transparent;color:#ffffffb8;cursor:pointer;padding:7px 14px}.demo-view-mode-selector button:last-child{border-right:0}.demo-view-mode-selector button.active{background:hsl(var(--primary) / .9);color:#fff}.demo-single-book-focus,.demo-spine-book-focus{display:grid;height:100%;place-items:center;padding-bottom:80px}.demo-app-book-cover{display:grid;width:clamp(190px,18vw,270px);min-height:clamp(280px,52vh,430px);align-content:space-between;gap:18px;border:1px solid rgba(255,214,128,.32);border-radius:7px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 28%),url(/src/assets/Brown_book.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff8ec;cursor:pointer;padding:26px 24px;text-align:left;transform:perspective(1000px) rotateY(-5deg) scale(1.16);transform-origin:bottom center;box-shadow:0 44px 90px #0000008c,inset 0 0 0 1px #ffffff14}.demo-app-book-cover span{color:#fff8ecad;font-size:.78rem;font-weight:900;letter-spacing:.18em}.demo-app-book-cover strong{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.demo-app-book-cover small{color:#fff8eca3}.demo-app-book-spine{display:grid;width:clamp(74px,7vw,108px);min-height:clamp(320px,58vh,480px);align-content:space-between;gap:18px;border:1px solid rgba(255,214,128,.3);border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 18%,rgba(0,0,0,.38) 72%),url(/src/assets/Brown_book.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff8ec;cursor:pointer;padding:24px 14px;text-align:center;transform:perspective(1000px) rotateY(-11deg) scale(1.08);transform-origin:bottom center;box-shadow:0 44px 90px #00000094,inset 0 0 0 1px #ffffff14}.demo-app-book-spine span,.demo-app-book-spine small{color:#fff8eca8;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;justify-self:center}.demo-app-book-spine strong{font-family:Georgia,serif;font-size:clamp(1.2rem,2.8vw,2rem);line-height:1;writing-mode:vertical-rl;justify-self:center;text-orientation:mixed}.kanvas-app-demo .fantasy-overlay{position:fixed;inset:0;display:flex;justify-content:flex-end;align-items:stretch;padding:1.5rem;pointer-events:none;z-index:20}.kanvas-app-demo .fantasy-overlay .fantasy-sidebar{width:min(320px,88vw);height:100%;margin:0;transform:translate(120%);transition:transform .24s ease,opacity .24s ease;opacity:0;pointer-events:none}.kanvas-app-demo .fantasy-overlay.is-open .fantasy-sidebar{transform:translate(0);opacity:1;pointer-events:auto}.kanvas-app-demo .fantasy-sidebar{position:relative;overflow:hidden;border-radius:16px;background:hsl(var(--glass-bg) / .3);border:.5px solid hsl(var(--glass-border) / .2);box-shadow:inset 0 0 8px hsl(var(--primary) / .25),inset 0 0 16px hsl(var(--primary) / .15),inset 0 0 24px hsl(var(--primary) / .08),0 0 12px hsl(var(--primary) / .2),0 0 24px hsl(var(--primary) / .12),0 0 40px hsl(var(--primary) / .06),inset 0 .5px hsl(var(--glass-border) / .25);padding:0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.kanvas-app-demo .fantasy-sidebar-content{height:100%;display:flex;flex-direction:column}.kanvas-app-demo .fantasy-tab{flex:1;min-width:0;min-height:42px;flex-direction:column;gap:2px;padding:6px 4px;font-size:.72rem}.demo-breadcrumb{display:inline-flex;max-width:min(460px,42vw);align-items:center;gap:6px;overflow:hidden;border:1px solid hsl(var(--glass-border) / .3);border-radius:7px;background:hsl(var(--glass-bg) / .5);color:hsl(var(--muted-foreground));padding:5px 8px;font-size:.78rem}.demo-breadcrumb button{border:0;background:transparent;color:inherit;padding:0}.demo-asset-canvas{cursor:crosshair;background:radial-gradient(circle at 50% 45%,hsl(var(--primary) / .06),transparent 38%),hsl(var(--glass-bg) / .04);background-size:auto,40px 40px,40px 40px,auto;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}.demo-canvas-glass{pointer-events:none;background:radial-gradient(ellipse at center,#ffffff05 0% 42%,#ffffff0f 70%,#ffffff24)}.demo-viewport-background{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.72;pointer-events:none;filter:saturate(.95) contrast(.92);-webkit-mask-image:radial-gradient(circle at center,black 0 42%,rgba(0,0,0,.72) 70%,transparent 100%);mask-image:radial-gradient(circle at center,black 0 42%,rgba(0,0,0,.72) 70%,transparent 100%)}.viewport-container{position:relative;width:100%;height:100%}.demo-empty-canvas{display:grid;height:100%;place-items:center;align-content:center;gap:8px;color:hsl(var(--muted-foreground))}.demo-empty-canvas p{margin:0}.demo-asset-item{position:absolute;top:var(--asset-y);left:var(--asset-x);display:grid;width:180px;min-height:116px;gap:7px;border:.5px solid hsl(var(--glass-border) / .25);border-radius:8px;background:hsl(var(--glass-bg) / .25);color:hsl(var(--foreground));cursor:grab;padding:12px;text-align:left;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 0 8px hsl(var(--glass-border) / .3),inset 0 0 16px hsl(var(--glass-border) / .15),inset 0 0 24px hsl(var(--glass-border) / .08),0 0 12px hsl(var(--glass-border) / .12),0 0 24px hsl(var(--glass-border) / .06)}.demo-asset-item.selected,.demo-asset-item:hover{border-color:hsl(var(--primary) / .55);box-shadow:inset 0 0 8px hsl(var(--primary) / .25),inset 0 0 16px hsl(var(--primary) / .15),inset 0 0 24px hsl(var(--primary) / .08),0 0 12px hsl(var(--primary) / .2),0 0 24px hsl(var(--primary) / .12),0 0 40px hsl(var(--primary) / .06)}.demo-asset-item img{width:100%;height:64px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.demo-asset-item span{color:hsl(var(--muted-foreground));font-size:.76rem}.demo-sidebar-search{position:relative;display:block}.demo-sidebar-search svg{position:absolute;top:50%;left:9px;transform:translateY(-50%);color:hsl(var(--muted-foreground))}.demo-sidebar-search input{height:32px;min-height:32px;padding-left:32px;font-size:.8rem}.demo-tree-panel{min-height:0;scrollbar-width:none}.demo-tree-panel::-webkit-scrollbar{display:none}.demo-root-asset,.demo-tree-asset{display:flex;width:100%;align-items:center;gap:8px;min-height:34px;border:1px solid hsl(var(--sidebar-border) / .3);border-radius:8px;background:hsl(var(--sidebar-accent) / .15);color:hsl(var(--sidebar-foreground));cursor:pointer;padding:7px 9px;text-align:left}.demo-root-asset{width:calc(100% - 24px);margin:4px 12px}.demo-tree-asset-row{display:grid;grid-template-columns:24px minmax(0,1fr) 32px;gap:6px;align-items:center;margin:4px 12px 4px calc(12px + (var(--tree-depth, 0) * 14px))}.demo-tree-expander,.demo-tree-expander-placeholder{display:inline-grid;width:24px;height:32px;place-items:center}.demo-tree-expander{border:0;border-radius:7px;background:transparent;color:hsl(var(--sidebar-foreground) / .72);cursor:pointer}.demo-tree-expander:hover{background:hsl(var(--sidebar-accent) / .18);color:hsl(var(--primary))}.demo-tree-delete{width:32px;min-height:32px;opacity:0}.demo-tree-asset-row:hover .demo-tree-delete,.demo-tree-asset-row:focus-within .demo-tree-delete{opacity:1}.demo-root-asset .root-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f97316)}.demo-root-asset svg{margin-left:auto}.demo-tree-asset img{width:20px;height:20px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.demo-tree-asset span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-tree-asset small{display:inline-grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:hsl(var(--primary) / .16);color:hsl(var(--primary));font-size:.68rem;font-weight:900}.demo-breadcrumb-segment{display:inline-flex;align-items:center;gap:6px;min-width:0}.demo-tree-asset.selected,.demo-tree-asset:hover,.demo-root-asset:hover{border-color:hsl(var(--primary) / .6);background:hsl(var(--primary) / .1);color:hsl(var(--primary))}@keyframes asset-viewport-demo-rise{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.demo-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#0000007a;padding:18px}.demo-modal{display:grid;width:min(430px,100%);gap:14px;border-radius:12px;padding:16px}.demo-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-modal h2{margin:0;font-size:1rem}.demo-modal-note{margin:0;color:hsl(var(--muted-foreground));font-size:.86rem}.demo-modal-actions{display:flex;gap:10px;align-items:center}@media(max-width:860px){.kanvas-app-demo .fantasy-overlay{padding:8px}.demo-breadcrumb{max-width:180px}}.kanvas-demo-shell{position:relative;min-height:calc(100vh - var(--legal-footer-height));overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(67,88,138,.24),transparent 34%),radial-gradient(circle at 18% 76%,rgba(120,67,39,.18),transparent 30%),url(/src/assets/cosmic-background.png),#05070c;background-position:center;background-size:cover;color:#f8f5ee}.kanvas-demo-shell:before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#0000005c,#000000b8),radial-gradient(circle at center,transparent 0 38%,rgba(0,0,0,.38) 75%);pointer-events:none}.kanvas-library-view,.kanvas-viewport-view,.kanvas-demo-status{position:relative;z-index:1}.kanvas-library-view{min-height:100vh;background-image:linear-gradient(180deg,#06070b2e,#06070b70),url(/src/assets/pedestal-dark.png);background-position:center;background-repeat:no-repeat;background-size:110%}.kanvas-library-header{position:absolute;top:0;right:0;left:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 24px}.kanvas-title-row,.kanvas-header-actions,.kanvas-port-toolbar,.kanvas-port-left,.kanvas-port-right,.kanvas-library-bottom,.kanvas-sidebar-top,.kanvas-sidebar-actions,.kanvas-book-dots{display:flex;align-items:center}.kanvas-title-row{gap:12px}.kanvas-library-header h1{margin:0;color:#fff;font-size:1.25rem;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.65)}.kanvas-library-header p{margin:6px 0 0;color:#ffffffc7;font-size:.9rem}.autosave-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;min-height:24px;border:1px solid rgba(120,200,150,.34);border-radius:999px;background:#40a06924;color:#cbffdf;font-size:.72rem;font-weight:900;padding:4px 9px;text-transform:uppercase}.kanvas-header-actions{gap:8px}.button.ghosted,.glass-button{border-color:#ffffff2e;background:#0c0e146b;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.kanvas-view-mode-selector{position:absolute;top:58px;right:0;left:0;z-index:4;display:flex;justify-content:center;gap:4px}.kanvas-view-mode-selector button{min-height:34px;border:1px solid rgba(255,255,255,.16);background:#0a0c1285;color:#ffffffb8;cursor:pointer;padding:7px 14px}.kanvas-view-mode-selector button:first-child{border-radius:8px 0 0 8px}.kanvas-view-mode-selector button:last-child{border-radius:0 8px 8px 0}.kanvas-view-mode-selector button.active{background:#2563ebe0;color:#fff}.kanvas-library-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:110px 80px 100px}.kanvas-library-stage:before{position:absolute;width:min(760px,72vw);height:min(520px,58vh);content:"";background:radial-gradient(ellipse at center,rgba(211,173,104,.23),transparent 61%),linear-gradient(180deg,#261e191a,#00000052);filter:blur(2px)}.kanvas-book-focus{position:relative;z-index:2;display:grid;place-items:center}.kanvas-book-cover-large{display:grid;width:clamp(190px,18vw,270px);min-height:clamp(280px,52vh,430px);align-content:space-between;gap:18px;border:1px solid rgba(255,214,128,.32);border-radius:7px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 28%),url(/src/assets/Brown_book.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff8ec;cursor:pointer;padding:26px 24px;text-align:left;transform:perspective(1000px) rotateY(-5deg) scale(1.16);transform-origin:bottom center;box-shadow:0 44px 90px #0000008c,inset 0 0 0 1px #ffffff14;transition:transform .28s ease,box-shadow .28s ease}.kanvas-book-cover-large:hover{transform:perspective(1000px) rotateY(-3deg) scale(1.2);box-shadow:0 52px 110px #0000009e,0 0 42px #5382ff33}.kanvas-book-cover-large span{color:#fff8ecad;font-size:.78rem;font-weight:900;letter-spacing:.18em}.kanvas-book-cover-large strong{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.kanvas-book-cover-large small{color:#fff8eca3}.kanvas-book-dots{justify-content:center;gap:8px;margin-top:clamp(3rem,8vh,5.8rem)}.kanvas-book-dots span{width:8px;height:8px;border-radius:999px;background:#ffffff61}.kanvas-book-dots span.active{background:#3b82f6}.kanvas-nav-arrow{position:absolute;z-index:3;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:999px;background:#111827db;color:#ffffffb8}.kanvas-nav-arrow.left{left:32px}.kanvas-nav-arrow.right{right:32px;transform:rotate(180deg)}.kanvas-library-rename{position:absolute;right:50%;bottom:68px;z-index:4;display:grid;width:min(520px,calc(100% - 36px));grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;transform:translate(50%)}.kanvas-library-bottom{position:absolute;right:24px;bottom:18px;left:24px;z-index:4;justify-content:space-between;gap:10px}.kanvas-viewport-view{display:flex;height:100vh;gap:8px;padding:2px}.kanvas-asset-port{display:flex;min-width:0;flex:1;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#10131cc7;box-shadow:0 0 0 1px #ffffff0d,0 18px 44px #00000052;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.kanvas-port-toolbar{min-height:46px;justify-content:space-between;gap:12px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.1);background:#10131ce0}.kanvas-port-left,.kanvas-port-right{gap:7px}.kanvas-viewport-canvas{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 52% 45%,rgba(59,130,246,.12),transparent 34%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#080a0f99;background-size:auto,36px 36px,36px 36px,auto}.kanvas-root-card,.kanvas-viewport-asset{position:absolute;display:grid;gap:7px;width:190px;min-height:104px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#131722e6;color:#f8f5ee;padding:14px;text-align:left;box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.kanvas-root-card{top:42px;left:48px;border-color:#ffcd745c;background:#48311fe6}.kanvas-root-card span,.kanvas-viewport-asset span{color:#f8f5ee99;font-size:.8rem}.kanvas-viewport-asset{top:var(--node-top);left:var(--node-left);cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kanvas-viewport-asset.selected,.kanvas-viewport-asset:hover{border-color:#3b82f6b8;box-shadow:0 0 0 2px #3b82f633,0 20px 46px #0006}.kanvas-viewport-asset img{width:100%;height:62px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.kanvas-viewport-asset span{display:inline-flex;align-items:center;gap:5px}.kanvas-empty-viewport{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;color:#f8f5ee94}.kanvas-fantasy-sidebar{width:min(360px,34vw);min-width:310px;padding:8px}.kanvas-sidebar-inner{display:flex;height:100%;flex-direction:column;gap:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(180deg,#161b27f0,#0b0e15f0);box-shadow:0 18px 44px #0000006b,0 0 28px #3b82f61f;padding:12px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.kanvas-sidebar-top{justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.kanvas-sidebar-top h2,.kanvas-sidebar-inspector h3{margin:0;font-size:.95rem}.kanvas-sidebar-top p{margin:4px 0 0;color:#f8f5ee94;font-size:.8rem}.kanvas-sidebar-actions{gap:7px}.kanvas-sidebar-actions button{display:grid;flex:1;min-height:44px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0e;color:#f8f5eec7;cursor:pointer;font-size:.76rem}.kanvas-sidebar-inspector{display:grid;gap:12px;min-height:0;overflow:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.mini-form{display:grid;gap:10px}.inspector-preview{width:100%;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.14);border-radius:8px;-o-object-fit:cover;object-fit:cover}.kanvas-demo-status{position:fixed;right:18px;bottom:18px;z-index:20;width:min(420px,calc(100% - 36px));pointer-events:none}.kanvas-demo-status .notice{margin-bottom:8px;pointer-events:auto}@media(max-width:980px){.kanvas-library-header,.kanvas-library-bottom{position:relative;right:auto;left:auto}.kanvas-library-view{display:grid;min-height:100vh;grid-template-rows:auto auto 1fr auto auto}.kanvas-view-mode-selector,.kanvas-library-stage,.kanvas-library-rename{position:relative;inset:auto;transform:none}.kanvas-library-stage{padding:52px 24px}.kanvas-library-rename{right:auto;bottom:auto;margin:0 auto 18px;grid-template-columns:1fr}.kanvas-library-bottom{padding:0 18px 18px}.kanvas-viewport-view{display:grid;height:auto;min-height:100vh}.kanvas-fantasy-sidebar{width:auto;min-width:0}.kanvas-asset-port{min-height:68vh}.kanvas-viewport-asset{left:32px;right:32px;width:auto}}