.liquid-glass,.liquid-glass-strong{background-blend-mode:luminosity;border:none;position:relative;overflow:hidden}.liquid-glass{-webkit-backdrop-filter:blur(4px);background:#ffffff03;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass-strong{-webkit-backdrop-filter:blur(50px)saturate(150%);background:#ffffff03;box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26}.liquid-glass:before,.liquid-glass-strong:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass:before{background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#0000 40% 60%,#ffffff26 80%,#ffffff73 100%)}.liquid-glass-strong:before{background:linear-gradient(#ffffff80 0%,#fff3 20%,#0000 40% 60%,#fff3 80%,#ffffff80 100%)}.app-container{--panel-h:272px;--panel-gap:28px;background:#000;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative}.hero-page{min-height:100vh;overflow:hidden}.hero-page .gui-container.collapsed,.hero-page .settings-btn.collapsed{visibility:hidden}.canvas-container{z-index:1;background:#000;transition:bottom .42s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}@media (hover:none){.canvas-container{pointer-events:none}}.canvas-container.pushed{bottom:calc(var(--panel-h) + var(--panel-gap) + 28px)}.canvas-container canvas{outline:none;display:block;width:100%!important;height:100%!important}.story{z-index:2;pointer-events:none;position:relative}.app-container.designer-open .story,.app-container.designer-open .cta-design,.app-container.designer-open .finale-actions{visibility:hidden;opacity:0!important;pointer-events:none!important}.hero-section{color:#ffffffeb;place-items:start center;min-height:100vh;padding:72px 4vw 132px;display:grid;position:relative;overflow:hidden}.hero-magazine{border-top:1px solid #ffffff3d;grid-template-rows:auto 1fr auto auto;grid-template-columns:240px minmax(0,1fr) 300px;align-items:center;column-gap:56px;width:min(1780px,100vw - 112px);min-height:640px;display:grid;position:relative}.hero-magazine:before,.hero-magazine:after{content:"";background:linear-gradient(#0000,#ffffff38,#0000);width:1px;position:absolute;top:74px;bottom:88px}.hero-magazine:before{left:240px}.hero-magazine:after{right:300px}.hero-edition,.hero-folio{text-transform:uppercase;color:#ffffff7a;grid-column:1/-1;grid-template-columns:240px minmax(0,1fr) 300px;column-gap:56px;margin:0;padding:18px 0;font-family:Outfit,Inter,sans-serif;font-size:11px;font-weight:500;line-height:1.2;display:grid}.hero-edition{position:absolute;top:-52px;left:0;right:0}.hero-edition span:nth-child(2){text-align:center}.hero-edition span:nth-child(3),.hero-folio span:nth-child(2){text-align:right}.hero-folio span:nth-child(2){grid-column:3}.hero-side-note{letter-spacing:.18em;text-transform:uppercase;color:#ffffff75;max-width:190px;margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:11px;font-weight:500;line-height:1.55}.hero-side-note--left{grid-column:1;align-self:start;padding-top:74px}.hero-side-note--right{text-align:right;grid-column:3;place-self:start end;padding-top:74px}.hero-title{letter-spacing:0;text-align:left;color:#ffffffe6;text-shadow:0 0 80px #2a5bcf80;flex-direction:column;grid-area:2/2;justify-self:center;align-items:flex-start;width:min(950px,100%);margin:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:80px;font-weight:500;line-height:1.02;display:flex}.hero-line{will-change:transform;display:block}.hero-line:nth-child(2){padding-left:34px}.hero-line:nth-child(3){padding-left:78px}.hero-line em{color:#fff;font-style:italic}@media (max-width:980px){.hero-magazine{grid-template-columns:138px minmax(0,1fr) 140px;column-gap:24px}.hero-magazine:before{left:138px}.hero-magazine:after{right:140px}.hero-edition,.hero-folio{grid-template-columns:138px minmax(0,1fr) 140px;column-gap:24px}.hero-side-note{letter-spacing:.16em;max-width:104px;font-size:9.5px}.hero-title{width:min(660px,100%);font-size:66px}.hero-line:nth-child(2){padding-left:22px}.hero-line:nth-child(3){padding-left:42px}}@media (max-width:760px){.hero-section{padding:92px 24px 142px}.hero-magazine{border-top-color:#ffffff2e;width:100%;min-height:520px;display:block}.hero-magazine:before,.hero-magazine:after,.hero-side-note{display:none}.hero-edition,.hero-folio{justify-content:space-between;gap:18px;padding:16px 0;font-size:10px;display:flex}.hero-edition{position:static}.hero-edition span:nth-child(2){display:none}.hero-title{margin-top:74px;font-size:48px}.hero-line:nth-child(2){padding-left:16px}.hero-line:nth-child(3){padding-left:0}}.step{align-items:center;min-height:100vh;padding:24px 7vw;display:flex}.step--right{justify-content:flex-end}.step-card{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#020a1f85;border-radius:26px;width:min(540px,100%);padding:24px 30px 22px}.step-no{letter-spacing:.3em;color:#8fd3ff;font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.step-card h2{letter-spacing:.01em;color:#fffffff2;margin:10px 0;font-family:Outfit,sans-serif;font-size:clamp(26px,2.6vw,33px);font-weight:500;line-height:1.15}.step-card p{color:#ffffffad;margin:0;font-size:14.5px;font-weight:300;line-height:1.75}.step-code{letter-spacing:.01em;color:#8fd3ff;white-space:pre;tab-size:2;background:#8fd3ff12;border-radius:11px;margin:14px 0 0;padding:11px 14px;font-family:SF Mono,Menlo,monospace;font-size:12px;line-height:1.65;display:block;overflow-x:auto;box-shadow:inset 0 0 0 1px #8fd3ff1f}.step-code::-webkit-scrollbar{height:5px}.step-code::-webkit-scrollbar-thumb{background:#8fd3ff33;border-radius:3px}.step-fig{margin:16px 0 0}.step-fig figcaption{letter-spacing:.05em;color:#ffffff6b;margin-top:8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:300;line-height:1.5}.demo-canvas{background:#00091b80;border-radius:14px;width:100%;height:clamp(150px,20vh,200px);display:block;box-shadow:inset 0 0 0 1px #ffffff12}.demo-controls{flex-direction:column;gap:9px;margin-top:12px;display:flex}.demo-slider{cursor:pointer;align-items:center;gap:12px;display:flex}.demo-slider-name{letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;flex:0 0 96px;font-family:Outfit,sans-serif;font-size:10.5px;font-weight:400}.demo-slider-val{text-align:right;color:#8fd3ff;font-variant-numeric:tabular-nums;flex:0 0 52px;font-family:SF Mono,Menlo,monospace;font-size:11px}.demo-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:22px}.demo-slider input[type=range]::-webkit-slider-runnable-track{background:#ffffff29;border-radius:2px;height:3px}.demo-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 10px #ffffff73}.demo-slider input[type=range]::-moz-range-track{background:#ffffff29;border-radius:2px;height:3px}.demo-slider input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 10px #ffffff73}.demo-chips{flex-wrap:wrap;gap:6px;display:flex}.demo-chip{letter-spacing:.05em;color:#fff9;cursor:pointer;background:#ffffff12;border:none;border-radius:99px;padding:5px 11px;font-family:Outfit,sans-serif;font-size:11px;font-weight:400;transition:background .15s,color .15s}.demo-chip:hover{color:#fff;background:#ffffff24}.demo-chip.active{color:#8fd3ff;background:#8fd3ff2e}.demo-chip--reset{letter-spacing:.08em;margin-left:auto}.demo-note{letter-spacing:.02em;color:#ffffff73;margin:2px 0 0;font-size:11.5px;font-weight:300;line-height:1.5}.demo-note strong{color:#8fd3ff;font-weight:500}.finale{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex}.finale-inner{max-width:560px}.finale-title{letter-spacing:.01em;color:#fff;text-shadow:0 0 60px #2a5bcf80;margin:0;font-family:Outfit,sans-serif;font-size:clamp(40px,6.5vw,76px);font-weight:600;line-height:1.05}.finale-sub{color:#ffffff9e;margin:22px 0 0;font-size:15px;font-weight:300;line-height:1.7}.finale-hint{letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;margin:30px 0 0;font-family:Outfit,sans-serif;font-size:11px;font-weight:300}.gui-container{left:50%;bottom:var(--panel-gap);z-index:10;width:min(760px,100vw - 44px);height:var(--panel-h);border-radius:22px;flex-direction:row;gap:14px;padding:14px;transition:opacity .32s,transform .44s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;transform:translate(-50%)translateY(0)}.gui-container.collapsed{opacity:0;transform:translateX(-50%) translateY(calc(100% + var(--panel-gap)));pointer-events:none}.gui-tabs{scrollbar-width:none;border-right:1px solid #ffffff1a;flex-direction:column;flex:0 0 146px;gap:3px;padding-right:12px;display:flex;overflow-y:auto}.gui-tabs::-webkit-scrollbar{display:none}.gui-tab{appearance:none;cursor:pointer;text-align:left;color:#ffffff8c;letter-spacing:.09em;text-transform:uppercase;background:0 0;border:none;border-radius:10px;padding:9px 11px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;transition:background .2s,color .2s}.gui-tab:hover{color:#ffffffe6;background:#ffffff0d}.gui-tab.active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff2e}.gui-reset,.gui-section-reset{opacity:0;pointer-events:none;align-self:flex-start;margin-left:0;transition:opacity .18s}.gui-reset{margin-top:auto}.gui-section-reset{margin-top:6px}.gui-tabs.reveal-tools .gui-reset,.gui-tabs.reveal-tools .gui-section-reset{opacity:.85;pointer-events:auto}.gui-tabs.reveal-tools .gui-reset:hover,.gui-tabs.reveal-tools .gui-section-reset:hover{opacity:1}.gui-scroll{flex:auto;min-width:0;min-height:0;padding:6px 8px 6px 2px;overflow:hidden auto}.gui-scroll::-webkit-scrollbar{width:6px}.gui-scroll::-webkit-scrollbar-track{background:0 0}.gui-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.gui-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.settings-btn{z-index:20;cursor:pointer;color:#ffffffe6;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:transform .18s cubic-bezier(.34,1.4,.64,1),opacity .2s;display:grid;position:fixed;top:26px;right:28px}.settings-btn:hover{transform:scale(1.05)}.settings-btn:active{transform:scale(.95)}.settings-btn svg{width:13px;height:13px}.settings-btn.collapsed{opacity:0;pointer-events:none;transform:scale(.8)}.finale-actions{z-index:8;pointer-events:none;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;bottom:118px;left:0;right:0}.finale-actions>*{pointer-events:auto}.hero-page-actions{bottom:118px}.finale-actions .cta-design--full{position:static;bottom:auto;left:auto;right:auto;transform:none}.finale-actions .cta-design--full:hover{transform:translateY(-1px)}.finale-actions .cta-design--full:active{transform:translateY(0)}.bloom-btn{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;white-space:nowrap;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffff0e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px 13px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:transform .18s cubic-bezier(.34,1.4,.64,1),opacity .3s;display:inline-flex;box-shadow:0 10px 28px #0000003d,inset 0 0 0 1px #ffffff57}.bloom-btn:before{display:none}.bloom-btn:hover{transform:translateY(-1px)}.bloom-btn:active{transform:translateY(0)}.bloom-btn-icon{z-index:2;fill:currentColor;width:11px;height:11px;position:relative}.bloom-btn-text{z-index:2;position:relative}.cta-design{z-index:8;cursor:pointer;letter-spacing:.04em;color:#fffffff2;white-space:nowrap;border-radius:99px;align-items:center;gap:10px;padding:13px 26px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:left .42s cubic-bezier(.22,1,.36,1),right .42s cubic-bezier(.22,1,.36,1),bottom .24s,transform .18s cubic-bezier(.34,1.4,.64,1),opacity .3s,padding .24s,font-size .24s,gap .24s;display:inline-flex;position:fixed;bottom:24px;right:28px}.cta-design--full{-webkit-backdrop-filter:blur(18px)saturate(140%);letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;background:#ffffff0e;border-radius:999px;gap:11px;min-width:178px;padding:12px 24px 13px;font-size:12px;font-weight:600;bottom:118px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 28px #0000003d,inset 0 0 0 1px #ffffff57}.cta-design--full:before{display:none}.cta-design-text{z-index:2;position:relative}.cta-design:hover{transform:scale(1.05)}.cta-design:active{transform:scale(.95)}.cta-design--full:hover{color:#fff;background:#ffffff18;transform:translate(-50%)translateY(-1px)}.cta-design--full:active{transform:translate(-50%)translateY(0)}.cta-design.hidden{opacity:0;pointer-events:none;transform:translateY(12px)scale(.96)}@media (max-width:760px){.app-container{--panel-h:42vh;--panel-gap:12px}.canvas-container.pushed{bottom:calc(var(--panel-h) + var(--panel-gap) + 14px)}.cta-design{padding:12px 22px;bottom:16px;right:16px}.cta-design--full{min-width:166px;padding:11px 20px 12px;bottom:118px;left:50%;right:auto}.gui-container{border-radius:22px;flex-direction:column;gap:8px;width:calc(100vw - 24px);padding:14px 12px 4px}.gui-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff1a;border-right:none;flex-flow:row;flex:none;align-items:center;gap:6px;padding:0 0 10px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%)}.gui-tabs::-webkit-scrollbar{display:none}.gui-tab{white-space:nowrap;letter-spacing:.06em;background:#ffffff0d;border-radius:9px;flex:none;padding:7px 12px;font-size:10.5px}.gui-tab.active{background:#ffffff21}.gui-reset,.gui-section-reset{display:none!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children,.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children>.lil-gui>.lil-children{column-count:1!important}.gui-scroll .lil-controller{padding:1px 4px!important}.gui-scroll .lil-controller.lil-number .lil-slider{height:24px!important}.gui-scroll{padding:2px 2px 0 0}.settings-btn{top:18px;right:18px}.step{justify-content:center;padding:0 18px}.step--right{justify-content:center}}.lil-gui{--background-color:transparent!important;--text-color:#ffffffc7!important;--title-background-color:transparent!important;--title-text-color:#ffffff80!important;--widget-color:#ffffff17!important;--hover-color:#ffffff29!important;--focus-color:#ffffff38!important;--number-color:#ffffffd9!important;--string-color:#8fd3ff!important;--font-family:"Inter", "Outfit", system-ui, sans-serif!important;--font-size:13px!important;--input-font-size:13px!important;--padding:7px!important;--spacing:6px!important;--border-radius:9px!important;--widget-height:26px!important;--name-width:44%!important;--folder-indent:0px!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important}.lil-gui.lil-root>.lil-title{display:none!important}.lil-gui .lil-gui{border:none!important;margin:0 0 4px!important;padding:0!important}.lil-gui .lil-gui>.lil-children{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);position:relative;overflow:hidden;background:#ffffff08!important;border:none!important;border-radius:16px!important;margin:0 0 8px!important;padding:7px 8px!important;box-shadow:inset 0 1px 1px #ffffff1a!important}.lil-gui .lil-gui>.lil-children:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#0000 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lil-gui .lil-gui.lil-closed>.lil-children,.lil-gui.lil-closed>.lil-children{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;padding:0!important}.lil-gui .lil-gui.lil-closed>.lil-children:before,.lil-gui.lil-closed>.lil-children:before{display:none!important}.lil-gui .lil-gui>.lil-title{letter-spacing:.14em!important;text-transform:uppercase!important;color:#ffffff73!important;background:0 0!important;border:none!important;border-radius:10px!important;padding:10px 10px 7px!important;font-family:Outfit,sans-serif!important;font-size:12px!important;font-weight:500!important;transition:color .2s!important}.lil-gui .lil-gui>.lil-title:hover{color:#ffffffeb!important;background:0 0!important}.lil-gui .lil-controller{border:none!important;padding:2px 6px!important}.lil-gui .lil-controller .lil-name{color:#ffffff9e!important;font-weight:400!important;transition:color .15s!important}.lil-gui .lil-controller:hover .lil-name{color:#fff!important}.lil-gui .lil-controller.lil-number .lil-slider{background:#ffffff0f!important;border-radius:99px!important;height:24px!important;margin-top:1px!important;overflow:hidden!important;box-shadow:inset 0 1px 2px #0003!important}.lil-gui .lil-controller.lil-number .lil-slider .lil-fill{-webkit-backdrop-filter:blur(6px)!important;background:#ffffff38!important;border-right:none!important;border-radius:99px 0 0 99px!important;transition:background .15s!important;box-shadow:inset 0 1px 1px #ffffff4d!important}.lil-gui .lil-controller.lil-number .lil-slider:hover .lil-fill{background:#ffffff52!important}.lil-gui .lil-controller.lil-number input{color:#ffffffd9!important;text-align:right!important;font-variant-numeric:tabular-nums!important;background:0 0!important;border:none!important}.lil-gui .lil-controller.lil-number input:focus{background:#ffffff14!important;border-radius:6px!important;outline:none!important}.lil-gui input[type=checkbox]{appearance:none!important;cursor:pointer!important;background-color:#ffffff29!important;background-image:radial-gradient(9.5px at 14px 13.6px,#00000038 58%,#0000 78%),radial-gradient(8.5px at 14px 13px,#fff 97%,#0000 100%)!important;background-position:0 0,0 0!important;background-repeat:no-repeat!important;border-radius:99px!important;outline:none!important;width:44px!important;height:26px!important;transition:background-color .25s,background-position .28s cubic-bezier(.34,1.45,.64,1)!important;box-shadow:inset 0 1px 2px #00000040!important}.lil-gui input[type=checkbox]:checked{background-color:#2f7cf6!important;background-position:16px 0,16px 0!important;box-shadow:inset 0 1px 2px #0003,0 0 12px #2f7cf673!important}.lil-gui input[type=checkbox]:before{content:none!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-title{display:none!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children{column-count:2;column-gap:26px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;margin:0!important;padding:0!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children:before{display:none!important}.gui-scroll .lil-controller{break-inside:avoid}.gui-scroll .lil-root>.lil-children>.lil-gui:has(>.lil-children>.lil-gui)>.lil-children{column-count:1}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children>.lil-gui{margin:0 0 2px!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children>.lil-gui>.lil-title{pointer-events:none!important;padding:4px 6px 8px!important;display:block!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children>.lil-gui>.lil-title:before{content:none!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children>.lil-gui>.lil-children{column-count:2;column-gap:26px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;margin:0 0 10px!important;padding:0!important}.gui-scroll .lil-root>.lil-children>.lil-gui>.lil-children>.lil-gui>.lil-children:before{display:none!important}