.collage-mockup-wrapper.svelte-1kqifp1{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.collage-3d-scene.svelte-1kqifp1{perspective:1200px;display:flex;justify-content:center;align-items:center;padding:1.5rem;box-sizing:border-box}.mockup-grid.svelte-1kqifp1{display:grid;grid-template-columns:repeat(3,clamp(85px,12.5vh,185px));gap:clamp(10px,1.5vh,16px);transform-style:preserve-3d;transition:transform .05s linear}.mockup-card.svelte-1kqifp1{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;background-color:#ffffff03;border:1px dashed rgba(255,255,255,.08);transform-style:preserve-3d;transform:translateZ(calc(var(--translate-z) + var(--card-lift, 0px))) rotateX(calc(var(--tilt-x) + var(--card-tilt-x, 0deg))) rotateY(calc(var(--tilt-y) + var(--card-tilt-y, 0deg)));transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .4s ease-out;box-shadow:0 4px 12px #00000026;cursor:pointer}.mockup-card[style*=--translate-z].svelte-1kqifp1{box-shadow:0 calc(8px + 16px * var(--cell-progress)) calc(16px + 32px * var(--cell-progress)) rgba(0,0,0,calc(.15 + .2 * var(--cell-progress)))}.mockup-card.card-hovered.svelte-1kqifp1{z-index:10;box-shadow:0 20px 60px #00000080,0 0 20px #ffffff0a;border-color:#ffffff2e!important;border-style:solid}.card-shine.svelte-1kqifp1{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.25) 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,0) 65%);mix-blend-mode:overlay;transition:opacity .3s ease}.card-hovered.svelte-1kqifp1 .card-shine:where(.svelte-1kqifp1){opacity:1}.empty-frame-placeholder.svelte-1kqifp1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff01;border-radius:8px}.placeholder-plus.svelte-1kqifp1{font-size:24px;font-weight:200;color:#ffffff26;transition:color .3s ease}.poster-container.svelte-1kqifp1{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:inherit;overflow:hidden}.mockup-poster-img.svelte-1kqifp1{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.poster-crossfade.svelte-1kqifp1{animation:svelte-1kqifp1-posterFadeIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes svelte-1kqifp1-posterFadeIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.poster-loading-shimmer.svelte-1kqifp1{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff14,#fff0);background-size:200% 100%;animation:svelte-1kqifp1-shimmerSlide 1s linear infinite}@keyframes svelte-1kqifp1-shimmerSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.mockup-card-overlay.svelte-1kqifp1{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000);padding:clamp(6px,1.5vw,12px);display:flex;flex-direction:column;gap:2px;color:#fff;z-index:2}.title-row.svelte-1kqifp1{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.film-title.svelte-1kqifp1{font-size:clamp(9px,1.2vw,13px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-year.svelte-1kqifp1{font-size:clamp(7.5px,.9vw,10px);color:#ffffff80}.director.svelte-1kqifp1{font-size:clamp(7.5px,.9vw,10px);color:#bcbcc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating.svelte-1kqifp1{display:flex;gap:1px;margin-top:2px}.star.svelte-1kqifp1{font-size:clamp(8px,1vw,11px);color:#ffffff26}.star.filled.svelte-1kqifp1{color:var(--star-color, #fbbf24)}.preset-neon.svelte-1kqifp1{border-color:#00e0540d}.preset-neon[style*=--translate-z].svelte-1kqifp1{border-color:rgba(0,224,84,calc(.3 * var(--cell-progress)));box-shadow:0 calc(8px + 16px * var(--cell-progress)) calc(16px + 32px * var(--cell-progress)) #0009,0 0 calc(6px * var(--cell-progress)) rgba(0,224,84,calc(.2 * var(--cell-progress)));--star-color: #00e054}.preset-neon.card-hovered.svelte-1kqifp1{box-shadow:0 20px 60px #00000080,0 0 24px #00e0544d;border-color:#00e05480!important}.preset-noir[style*=--translate-z].svelte-1kqifp1{border-color:rgba(255,255,255,calc(.15 * var(--cell-progress)));filter:saturate(0) contrast(1.15)!important;--star-color: #ffffff}.preset-noir.card-hovered.svelte-1kqifp1{filter:saturate(0) contrast(1.25) brightness(1.1)!important;border-color:#ffffff59!important}.preset-novel[style*=--translate-z].svelte-1kqifp1{border-color:rgba(244,239,225,calc(.2 * var(--cell-progress)));--star-color: #c28e2b}.preset-novel.card-hovered.svelte-1kqifp1{box-shadow:0 20px 60px #00000080,0 0 20px #c28e2b26;border-color:#c28e2b66!important}.preset-classic[style*=--translate-z].svelte-1kqifp1{border-color:rgba(255,128,0,calc(.2 * var(--cell-progress)));--star-color: #ff8000}.preset-classic.card-hovered.svelte-1kqifp1{box-shadow:0 20px 60px #00000080,0 0 20px #ff800033;border-color:#ff800073!important}@media(max-width:768px){.collage-mockup-wrapper.svelte-1kqifp1{max-width:320px;margin:1rem auto 0;pointer-events:none}.mockup-grid.svelte-1kqifp1{gap:10px}.collage-3d-scene.svelte-1kqifp1{padding:1rem}.mockup-card.svelte-1kqifp1{cursor:default;transform:none!important;box-shadow:0 4px 12px #0003!important}.poster-container.svelte-1kqifp1{opacity:1!important;filter:none!important}}.preview-bounding-box{--box-w: 560px;--box-h: 840px;--header-h-base: 56px;--stats-h-base: 56px;--footer-h-base: 44px;--header-h: 0px;--stats-h: 0px;--footer-h: 0px;width:var(--box-w);height:calc(min(var(--box-h),calc(var(--box-w) * var(--rows) * 3 / (var(--cols) * 2))) + var(--header-h) + var(--stats-h) + var(--footer-h))}.preview-bounding-box.story-aspect-ratio{aspect-ratio:9 / 16;height:calc(var(--box-w) * 16 / 9)!important}.preview-grid-container{container-type:inline-size;width:min(var(--box-w),calc(var(--box-h) * var(--cols) * 2 / (var(--rows) * 3)));height:100%}@media(max-width:900px){.preview-bounding-box{--box-w: 460px;--box-h: 690px;--header-h-base: 46px;--stats-h-base: 46px;--footer-h-base: 36px}}@media(max-width:500px){.preview-bounding-box{--box-w: 325px;--box-h: 488px;--header-h-base: 35px;--stats-h-base: 35px;--footer-h-base: 26px}}@media(max-width:380px){.preview-bounding-box{--box-w: 260px;--box-h: 390px;--header-h-base: 30px;--stats-h-base: 30px;--footer-h-base: 22px}}.grid-cell{container-type:inline-size;width:100%;height:auto;max-width:100%;max-height:100%;margin:auto}.grid-cell.frame-standard{aspect-ratio:2 / 3}.grid-cell.frame-polaroid{aspect-ratio:2 / 2.34}.grid-cell.frame-filmstrip{aspect-ratio:5 / 6}.grid-cell-overlay{padding:clamp(4px,6cqw,12px)!important}.grid-cell-title{font-size:calc(clamp(8px,9.5cqw,18px) * var(--font-size-scale, 1))!important;line-height:1.15!important;margin-bottom:clamp(1px,2cqw,4px)!important;font-family:var(--title-font-family, inherit)!important}.grid-cell-director{font-size:calc(clamp(7.5px,8.5cqw,15px) * var(--font-size-scale, 1))!important;line-height:1.15!important;margin-bottom:clamp(1px,2cqw,4px)!important;font-family:var(--director-font-family, inherit)!important}.grid-cell-rating-row{margin-top:clamp(1px,2cqw,4px)!important}.grid-cell-rating{font-size:calc(clamp(7px,7.5cqw,13px) * var(--font-size-scale, 1))!important}.grid-cell-badge{font-size:calc(clamp(8px,9cqw,16px) * var(--font-size-scale, 1))!important}.grid-cell-change-poster{font-size:clamp(6.5px,6.5cqw,10px)!important;margin-top:clamp(2px,3cqw,8px)!important;padding-top:clamp(2px,2.5cqw,6px)!important}.grid-cell:not(.initial-preview) .poster-wrapper{transition:transform .3s ease}.grid-cell:not(.initial-preview):hover .poster-wrapper{transform:scale(1.05)}.grid-cell:not(.initial-preview) img{transition:filter .3s ease}.grid-cell:not(.initial-preview):hover img{filter:brightness(.55)}.grid-cell.poster-liquid-glass{position:relative;border:1px solid rgba(255,255,255,.1)!important}.grid-cell.poster-liquid-glass:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff1f,#fff0 35% 65%,#ffffff0a);mix-blend-mode:screen}.grid-cell.poster-liquid-glass:after{content:"";position:absolute;inset:-1px;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#ffffff2e,#fff0 3% 97%,#ffffff08),linear-gradient(135deg,#78b4ff14,#fff0 30% 70%,#ffb4780f)}.preview-stats-banner{height:var(--stats-h-base);min-height:var(--stats-h-base);box-sizing:border-box;background-color:#11151a8c!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;text-align:center}.preview-stats-banner .text-\[9px\]{font-size:calc(9px * var(--font-size-scale, 1))!important}.preview-stats-banner .text-xs{font-size:calc(12px * var(--font-size-scale, 1))!important}.preview-footer-branding{height:var(--footer-h-base);min-height:var(--footer-h-base);box-sizing:border-box;background-color:#11151a!important;border-top:1px solid rgba(255,255,255,.06)!important;z-index:10;padding-left:clamp(4px,2.5cqw,12px);padding-right:clamp(4px,2.5cqw,12px);padding-top:clamp(2px,1.5cqw,8px);padding-bottom:clamp(2px,1.5cqw,8px)}.preview-footer-name{font-size:calc(clamp(5px,2.4cqw,12px) * var(--font-size-scale, 1))!important}.preview-footer-handle{font-size:calc(clamp(6.2px,3cqw,14.5px) * var(--font-size-scale, 1))!important}.preview-footer-logo{width:calc(clamp(10px,4.5cqw,22px) * var(--font-size-scale, 1))!important;height:calc(clamp(10px,4.5cqw,22px) * var(--font-size-scale, 1))!important}.preview-footer-brand-name{font-size:calc(clamp(6px,3cqw,15px) * var(--font-size-scale, 1))!important}@container (max-width: 240px){.preview-footer-brand-name{display:none!important}}@container (max-width: 180px){.preview-footer-handle{display:none!important}}.toggle-switch{position:relative;width:36px;height:20px;border-radius:10px;background-color:#2a2e36;border:1px solid #3a3f4a;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0;outline:none}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background-color:#6b7280;transition:transform .2s ease,background-color .2s ease}.toggle-switch--on{background-color:#10b981;border-color:#10b981}.toggle-switch--on:after{transform:translate(16px);background-color:#fff}.toggle-switch:focus-visible{box-shadow:0 0 0 2px #10b98166}@keyframes collageIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.collage-fade-in{animation:collageIn .4s ease-out forwards}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce-subtle{animation:bounceSubtle 2s infinite ease-in-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-card{background:linear-gradient(90deg,#181b21 25%,#20242d,#181b21 75%);background-size:200% 100%;animation:shimmer 1.6s infinite linear}.shimmer-text{background:linear-gradient(90deg,#2a2e36 25%,#3a3f4d,#2a2e36 75%);background-size:200% 100%;animation:shimmer 1.6s infinite linear}.preview-bounding-box.story-aspect-ratio .preview-grid{width:100%!important;max-width:92.5%!important;max-height:73%!important;margin:auto!important;aspect-ratio:var(--grid-aspect-ratio)!important}.preview-bounding-box.story-aspect-ratio .grid-cell{height:100%}.preview-bounding-box.story-aspect-ratio .grid-cell.frame-standard,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-polaroid,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-filmstrip,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-ticket,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-clapper,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-minimalist,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-scrapbook,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-bauhaus,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-cyberpunk,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-vhs,.preview-bounding-box.story-aspect-ratio .grid-cell.frame-marquee{aspect-ratio:auto}.grid-cell.frame-ticket{aspect-ratio:2 / 3.2}.grid-cell.frame-clapper{aspect-ratio:2 / 3.3}.grid-cell.frame-minimalist{aspect-ratio:2 / 2.6}.grid-cell.frame-scrapbook,.grid-cell.frame-bauhaus,.grid-cell.frame-cyberpunk,.grid-cell.frame-vhs{aspect-ratio:2 / 3}.grid-cell.frame-marquee{aspect-ratio:2 / 3.2}.animate-shimmer{background:linear-gradient(90deg,#1e222b 25%,#252936,#1e222b 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.ambient-glow-container{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}@media(max-width:768px){.ambient-glow-container{display:none!important}}.ambient-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.12;mix-blend-mode:screen;pointer-events:none}.ambient-glow-1{width:50vw;height:50vw;background:radial-gradient(circle in oklch,#8b5cf659,#8b5cf647 25%,#8b5cf629 45%,#8b5cf60f,#8b5cf600 75%);top:-10vw;left:-10vw;animation:drift1 35s infinite alternate ease-in-out}.ambient-glow-2{width:45vw;height:45vw;background:radial-gradient(circle in oklch,#6366f14d,#6366f13d 25%,#6366f124 45%,#6366f10d,#6366f100 75%);bottom:-5vw;right:-5vw;animation:drift2 40s infinite alternate ease-in-out}.ambient-glow-3{width:40vw;height:40vw;background:radial-gradient(circle in oklch,#38bdf838,#38bdf82b 25%,#38bdf81a 45%,#38bdf80a,#38bdf800 75%);top:30vh;left:40vw;animation:drift3 38s infinite alternate ease-in-out}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(12vw,15vh) scale(1.15)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-15vw,-12vh) scale(1.2)}}@keyframes drift3{0%{transform:translate(0) scale(1)}to{transform:translate(8vw,-20vh) scale(.85)}}.liquid-glass-navbar{position:relative;background:linear-gradient(180deg,#ffffff0a,#fff0),#0e1116a6;backdrop-filter:blur(40px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.1);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff05,0 4px 30px #00000026,0 0 0 .5px #ffffff0a}.liquid-glass-navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#ffffff1a 20%,#ffffff2e,#ffffff1a 80%,#fff0);pointer-events:none;z-index:1}.liquid-glass{background:linear-gradient(135deg,#ffffff0d,#fff0,#ffffff05),#0d101599;backdrop-filter:blur(40px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 24px 60px #00000073,0 2px 4px #00000026,inset 0 1px #ffffff14,inset 0 -1px #ffffff05,0 0 0 .5px #ffffff0f}.liquid-glass-modal-header{background:#00000026!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.floating-hud{position:fixed;top:96px;left:24px;width:380px;min-width:320px;max-width:calc(100vw - 32px);min-height:220px;max-height:calc(100vh - 140px);resize:none;overflow:visible;background:linear-gradient(135deg,#ffffff0d,#fff0,#ffffff05),#0d10158c;backdrop-filter:blur(40px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.08);border-radius:24px;z-index:45;box-shadow:0 24px 60px #00000059,0 2px 4px #00000026,inset 0 1px #ffffff14,inset 0 -1px #ffffff05,0 0 0 .5px #ffffff0f;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.hud-resize-handle{position:absolute;right:12px;bottom:12px;width:18px;height:18px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff0f;cursor:nwse-resize;transition:transform .2s ease,background .2s ease;z-index:50}.hud-resize-handle:hover{transform:scale(1.05);background:#ffffff1f}.hud-resize-handle:after{content:"";position:absolute;inset:5px;border-right:2px solid rgba(255,255,255,.35);border-bottom:2px solid rgba(255,255,255,.35)}.floating-hud:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#ffffff26 20%,#ffffff40,#ffffff26 80%,#fff0);z-index:1;pointer-events:none}.floating-hud:after{content:"";position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,#78b4ff0f,#fff0 25% 75%,#ffb4780a);pointer-events:none;z-index:0}.floating-hud .hud-header{cursor:default;border-top-left-radius:23px;border-top-right-radius:23px}.floating-hud.collapsed{transform:scale(.95);opacity:0;pointer-events:none}.floating-hud.dragging{transition:none!important}:root{--hud-top: 80px;--hud-bottom-margin: 20px;--hud-side-margin: 20px;--collage-half-w: 250px}.hud-left-fixed{left:24px;top:96px}.hud-left-fixed.collapsed{transform:scale(.95);opacity:0;pointer-events:none}.hud-right-fixed{right:24px;top:96px;left:auto}.hud-right-fixed.collapsed{transform:scale(.95);opacity:0;pointer-events:none}.hud-ai-center{left:calc(50vw - 190px);top:160px}.hud-ai-center.collapsed{transform:scale(.95);opacity:0;pointer-events:none}.hud-trigger-btn{position:fixed;top:96px;left:24px;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ffffff14,#fff0,#ffffff08),#0d101599;backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);border:1px solid rgba(255,255,255,.1);color:#bcbcc4;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:43;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a,0 0 0 .5px #ffffff0d;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.hud-trigger-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff05,#ffffff0f),#141923bf;color:#fff;transform:scale(1.05);border-color:#ffffff2e;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff24,0 0 0 .5px #ffffff14}.hud-trigger-btn:active{transform:scale(.95)}.hud-trigger-group{position:fixed;z-index:43;display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#ffffff0f,#fff0,#ffffff08),#0d101599;backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14,0 0 0 .5px #ffffff0d;overflow:hidden}.hud-trigger-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;color:#bcbcc4;cursor:pointer;background:transparent;border:none;box-sizing:border-box;transition:background .2s ease,color .2s ease;outline:none!important}.hud-trigger-icon-btn:focus{outline:none!important}.hud-trigger-icon-btn:hover{background:#ffffff14;color:#fff;border-radius:12px}.hud-trigger-icon-btn:active{background:#ffffff1f;border-radius:12px}.hud-trigger-icon-btn:disabled{opacity:.3;color:#55555d!important;cursor:not-allowed!important;background:transparent!important;pointer-events:none}.hud-trigger-divider{width:1px;height:24px;background:#ffffff14;flex-shrink:0}@media(max-width:760px){.hud-trigger-btn{inset:auto auto 16px 16px!important}.hud-trigger-btn-source{left:80px!important;bottom:16px!important}.hud-trigger-btn-ai{left:144px!important;bottom:16px!important}}.zen-transition{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.zen-mode-active .zen-fade-out{opacity:0!important;pointer-events:none!important;transform:translateY(-20px);display:none!important}.zen-mode-active .zen-fade-out-bottom{opacity:0!important;pointer-events:none!important;transform:translateY(20px);display:none!important}.zen-mode-active .zen-fade-out-left{opacity:0!important;pointer-events:none!important;transform:translate(-30px);display:none!important}.zen-mode-active .floating-hud,.zen-mode-active .hud-left-fixed,.zen-mode-active .hud-right-fixed,.zen-mode-active .hud-ai-center,.zen-mode-active .ambient-glow-container{display:none!important}.zen-toggle-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ffffff12,#fff0,#ffffff08),#0d10158c;backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);border:1px solid rgba(255,255,255,.1);color:#90929a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:49;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 0 .5px #ffffff0d}.zen-toggle-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff05,#ffffff0f),#141923b3;color:#fff;border-color:#fff3;transform:scale(1.08);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff24,0 0 0 .5px #ffffff14}.zen-toggle-btn.active{color:#00e054;border-color:#00e05440;box-shadow:0 0 20px #00e05433,inset 0 1px #00e05426,0 0 0 .5px #00e0541a}.workspace-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:1.5rem;box-sizing:border-box;width:100%}.workspace-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);width:100%}.landing-sticky-wrapper{position:relative;width:100%;height:135vh}.landing-sticky-content{position:fixed;top:0;left:0;right:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;z-index:10}.landing-split-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:3.5rem;width:100%;max-width:1250px;padding:0 2.5rem;margin:0 auto;position:relative;z-index:10}.landing-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;max-width:440px}.landing-right{flex:1.15;display:flex;justify-content:center;align-items:center;position:relative}.hero-anchor-glow{position:absolute;width:580px;height:580px;background:radial-gradient(circle,#8b5cf614,#6366f108 45%,#38bdf800 70%);top:40%;left:20%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;filter:blur(100px);mix-blend-mode:screen}.premium-input-wrapper{position:relative;width:100%;max-width:440px;display:flex;gap:12px}.premium-input-bar{flex:1;background:linear-gradient(135deg,#ffffff0a,#fff0 40%,#ffffff04),#ffffff04!important;backdrop-filter:blur(24px) saturate(1.4)!important;-webkit-backdrop-filter:blur(24px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #ffffff03,0 10px 30px #00000040,0 0 0 .5px #ffffff0a;color:#fff;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.premium-input-bar:focus{border-color:#ff800073!important;box-shadow:0 0 0 1px #ff800073,0 15px 40px #00000080,inset 0 1px #ff80001f,inset 0 -1px #ff800008,0 0 0 .5px #ff800033!important;background:linear-gradient(135deg,#ff80000a,#fff0,#ff800005),#ffffff06!important}.brand-gradient-btn{background:linear-gradient(90deg,#ff8000,#00e054,#40bcf4)!important;background-size:200% auto!important;color:#0d0f12!important;font-weight:800!important;border:none!important;box-shadow:0 4px 20px #00e05426,inset 0 1px #ffffff40,inset 0 -1px #00000014!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.brand-gradient-btn:hover{background-position:right center!important;transform:scale(1.025)!important;box-shadow:0 8px 30px #00e05459,inset 0 1px #ffffff4d,inset 0 -1px #0000001a!important}.brand-gradient-btn:active{transform:scale(.975)!important}.demo-btn-anchor{background:linear-gradient(135deg,#ffffff0a,#fff0,#ffffff05),#ffffff04;border:1px solid rgba(255,255,255,.08);color:#bcbcc4;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px #ffffff0f,0 0 0 .5px #ffffff0a;transition:all .3s cubic-bezier(.16,1,.3,1)}.demo-btn-anchor:hover{background:linear-gradient(135deg,#ffffff14,#ffffff03,#ffffff0d),#ffffff0a;border-color:#ffffff29;color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 4px 16px #0003,0 0 0 .5px #ffffff0f}.demo-btn-anchor:active{transform:translateY(1px)}.showcase-presets-row{display:flex;gap:12px;width:100%;margin-top:1.5rem}.showcase-preset-pill{padding:8px 14px;border-radius:9999px;background:#ffffff03;border:1px solid rgba(255,255,255,.04);font-size:11px;font-weight:600;color:#8a8d98;transition:all .3s ease}.showcase-preset-pill.active{background:#ffffff0a;border-color:#ffffff1f;color:#fff}@media(max-width:900px){.landing-sticky-wrapper{height:auto}.landing-sticky-content{position:relative;height:auto;padding:3rem 1rem;overflow:visible!important}.landing-split-container{flex-direction:column;gap:3rem;padding:0 1rem;text-align:center}.landing-left{align-items:center;text-align:center}.hero-anchor-glow{left:50%;width:320px;height:320px}.premium-input-wrapper{max-width:100%}.showcase-presets-row{justify-content:center}}@keyframes breatheGlow{0%,to{filter:drop-shadow(0 0 15px rgba(0,224,84,.15)) drop-shadow(0 0 30px rgba(64,188,244,.08));text-shadow:0 0 15px rgba(0,224,84,.1)}50%{filter:drop-shadow(0 0 28px rgba(0,224,84,.45)) drop-shadow(0 0 50px rgba(64,188,244,.25));text-shadow:0 0 30px rgba(0,224,84,.25)}}.hero-glow-text{animation:breatheGlow 4.5s infinite ease-in-out}@media(max-width:767px){.cta-overlay-settle{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}}.collage-flip-wrapper{perspective:1500px;flex:1 1 0%;min-height:0;width:100%;position:relative}.collage-flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.collage-flip-card.flipped{transform:rotateY(180deg)}.collage-flip-front,.collage-flip-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;display:flex;flex-direction:column}.collage-flip-back{transform:rotateY(180deg)}.empty-frame-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff03;border:1px dashed rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.empty-frame-placeholder:hover{background:#ffffff08;border-color:#ffffff40;box-shadow:inset 0 0 12px #ffffff08}.placeholder-plus{font-size:28px;font-weight:200;color:#ffffff2e;transition:all .3s cubic-bezier(.16,1,.3,1)}.empty-frame-placeholder:hover .placeholder-plus{color:#00e054;transform:scale(1.15)}.canvas-dock{position:fixed;inset:96px auto auto 50%;transform:translate(-50%);cursor:grab;padding:4px 6px;gap:4px;background:linear-gradient(135deg,#ffffff14,#fff0,#ffffff08),#0d1015d9;backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff1f,0 0 0 .5px #ffffff0d;display:flex;align-items:center;z-index:50;overflow:visible;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.canvas-dock .dock-section{display:flex;align-items:center;gap:4px}.canvas-dock .hud-trigger-btn-style,.canvas-dock .hud-trigger-btn-source,.canvas-dock .hud-trigger-btn-ai{position:static!important;transform:none!important;width:44px!important;height:44px!important;box-shadow:none!important;background:transparent!important;border:none!important;z-index:auto!important}.canvas-dock .hud-trigger-btn-style:hover,.canvas-dock .hud-trigger-btn-source:hover,.canvas-dock .hud-trigger-btn-ai:hover{background:#ffffff14!important}.hud-trigger-icon-btn.active-style{background:#3b82f626!important;color:#60a5fa!important;box-shadow:inset 0 -2px #3b82f6!important;border-radius:12px}.hud-trigger-icon-btn.active-source{background:#f9731626!important;color:#fb923c!important;box-shadow:inset 0 -2px #f97316!important;border-radius:12px}.hud-trigger-icon-btn.active-search{background:#10b98126!important;color:#00e054!important;box-shadow:inset 0 -2px #00c63c!important;border-radius:12px}.hud-trigger-icon-btn.active-ai{background:#10b98126!important;color:#34d399!important;box-shadow:inset 0 -2px #10b981!important;border-radius:12px}.hud-trigger-icon-btn.active-zen{background:#ec489926!important;color:#f472b6!important;box-shadow:inset 0 -2px #ec4899!important;border-radius:12px}.canvas-dock.zen-mode-active{opacity:.15!important;transform:translate(-50%) scale(.98);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.canvas-dock.zen-mode-active:hover{opacity:1!important;transform:translate(-50%) scale(1);backdrop-filter:blur(24px) saturate(1.6) brightness(1.05)!important;-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.05)!important}.canvas-dock.dragging{cursor:grabbing!important;transition:none!important}@media(max-width:768px){.canvas-dock{inset:80px auto auto 50%;transform:translate(-50%);width:auto;max-width:calc(100vw - 20px);box-shadow:0 -8px 32px #00000073,inset 0 1px #ffffff14;padding:4px 6px;gap:4px;border-radius:14px;border:1px solid rgba(255,255,255,.15)}.canvas-dock .dock-section{gap:4px}.canvas-dock .hud-trigger-icon-btn{width:36px;height:36px;border-radius:9px;flex-shrink:0}.canvas-dock .hud-trigger-icon-btn svg{width:16px;height:16px}.canvas-dock .hud-trigger-divider{height:16px;margin:0 2px}.canvas-dock.zen-mode-active{transform:translate(-50%) scale(.98)}.canvas-dock.zen-mode-active:hover{transform:translate(-50%) scale(1)}}@media(max-width:768px){.calendar-badge{--date-badge-scale: .72}}@container (max-width: 110px){.calendar-badge{width:24px!important;height:29px!important;top:2px!important;right:2px!important}.calendar-badge>div:first-child{font-size:5px!important}.calendar-badge span{font-size:4px!important}.calendar-badge span:nth-child(2){font-size:8px!important}.calendar-badge span:nth-child(3){font-size:4px!important}}@container (max-width: 80px){.calendar-badge{width:18px!important;height:22px!important;top:1px!important;right:1px!important;border-radius:2px!important}.calendar-badge>div:first-child{font-size:4px!important;padding:0!important}.calendar-badge .flex-1{padding-top:0!important;padding-bottom:0!important}.calendar-badge span:first-child{display:none!important}.calendar-badge span:nth-child(2){font-size:6px!important;margin:0!important}.calendar-badge span:nth-child(3){font-size:3.5px!important}}.collage-ambient-glow{will-change:filter,transform;transform:translate3d(-50%,-50%,0)!important;backface-visibility:hidden;perspective:1000px}.collage-ambient-glow.story-aspect-ratio{aspect-ratio:9 / 16;height:calc(var(--box-w) * 16 / 9)!important}.dynamic-page-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen}.film-grain-noise{position:fixed;inset:0;z-index:10;opacity:.008;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.99' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.wysiwyg-active{width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:var(--canvas-aspect-ratio)!important}.wysiwyg-active .grid-cell{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;padding:0!important;pointer-events:auto!important}.wysiwyg-active .grid-cell>*:not(.grid-cell-overlay):not(.empty-frame-placeholder){opacity:0!important;pointer-events:none!important}.wysiwyg-active .grid-cell-overlay{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.wysiwyg-active .grid-cell-overlay>*:not(.grid-cell-change-poster){opacity:0!important;pointer-events:none!important}.wysiwyg-active .calendar-badge,.wysiwyg-active .poster-wrapper,.wysiwyg-active img:not(.canvas-preview-image){opacity:0!important;pointer-events:none!important}.wysiwyg-active .grid-cell:not(.initial-preview):hover{outline:2px dashed rgba(16,185,129,.75)!important;outline-offset:-2px;background-color:#10b9810f!important;border-radius:4px}.wysiwyg-active .grid-cell:hover button,.wysiwyg-active .grid-cell:hover .grid-cell-change-poster{opacity:1!important;pointer-events:auto!important}.wysiwyg-active .empty-frame-placeholder{opacity:1!important;background:#ffffff0a!important;border:1px dashed rgba(255,255,255,.18)!important;pointer-events:auto!important}.wysiwyg-active .empty-frame-placeholder:hover{background:#10b9810f!important;border-color:#10b98173!important}.wysiwyg-active .placeholder-plus{opacity:1!important}