/*!
 * ╔══════════════════════════════════════════════════════════════════════════════╗
 * ║         RoopM-ScrollTrigger  v20.0  |  Ultimate Edition                    ║
 * ║         Pure CSS Scroll Animation Library — All Features Unified           ║
 * ║                                                                            ║
 * ║  FEATURES:                                                                 ║
 * ║  ✦ Core Animation Engine (15+ effect variants)                             ║
 * ║  ✦ 10 Premium Text Reveal Effects                                          ║
 * ║  ✦ 8 Cinematic Mask Reveals                                                ║
 * ║  ✦ Parallax System (X/Y)                                                   ║
 * ║  ✦ Scrubbing Effects (rotate/blur/color)                                   ║
 * ║  ✦ Horizontal Scroll                                                       ║
 * ║  ✦ Stacking Cards                                                          ║
 * ║  ✦ Pin System                                                              ║
 * ║  ✦ 15 Advanced Typography Features:                                        ║
 * ║     01 · Liquid Typewriter                                                 ║
 * ║     02 · Apple-Style Word Wash                                             ║
 * ║     03 · Cinematic Stroke-to-Fill                                          ║
 * ║     04 · Multi-Layer Depth Parallax                                        ║
 * ║     05 · SVG Generative Pattern Draw                                       ║
 * ║     06 · Frosted Glass Refraction                                          ║
 * ║     07 · Cinematic Depth-of-Field Focus Rack                               ║
 * ║     08 · Isometric 3D Extrusion                                            ║
 * ║     09 · Text-to-Interface Zoom Reveal                                     ║
 * ║     10 · Aggressive Chromatic Aberration Glitch                            ║
 * ║     11 · Variable Font Morphing                                            ║
 * ║     12 · Kinetic Typography Drift                                          ║
 * ║     13 · Liquid Aurora Text Mask                                           ║
 * ║     14 · Scattered 3D Letter Re-Assembly                                   ║
 * ║     15 · Cinematic Media Mask Zoom                                         ║
 * ║  ✦ Ambient Background System                                               ║
 * ║  ✦ Navigation System                                                       ║
 * ║  ✦ Bento Grid Layout                                                       ║
 * ║  ✦ Card System + Badges                                                    ║
 * ║  ✦ Scroll Progress Bar                                                     ║
 * ║  ✦ Continuous Float Animations                                             ║
 * ║  ✦ Full Fallback Support                                                   ║
 * ║  ✦ Reduced Motion Support                                                  ║
 * ║  ✦ Responsive Breakpoints                                                  ║
 * ╚══════════════════════════════════════════════════════════════════════════════╝
 *
 *  Usage: <link rel="stylesheet" href="roopm-scrolltrigger.css">
 *  Fonts: Inter, Space Grotesk (load via Google Fonts or local)
 *
 *  HTML Usage Examples:
 *    <div class="roopm-animate" data-roopm-effect="fade-up">...</div>
 *    <h2 class="roopm-text-effect" data-tx-effect="liquid-morph"><span>Word</span></h2>
 *    <div class="roopm-animate" data-roopm-effect="mask-iris">...</div>
 *    <div class="roopm-parallax-wrapper"><div class="roopm-parallax-inner" data-parallax="y">...</div></div>
 */
:root{--rm-bg-base:#060608;--rm-bg-card:#0e0e14;--rm-bg-card-2:#12121a;--rm-bg-glass:#0e0e14d9;--rm-text-main:#f0f0ff;--rm-text-muted:#6b7280;--rm-text-subtle:#374151;--rm-accent-cyan:#00d4ff;--rm-accent-purple:#a855f7;--rm-accent-pink:#f472b6;--rm-accent-gold:#f59e0b;--rm-accent-green:#10b981;--rm-gradient:linear-gradient(135deg, var(--rm-accent-cyan), var(--rm-accent-purple), var(--rm-accent-pink));--rm-gradient-gold:linear-gradient(135deg, #f59e0b, #ef4444, #a855f7);--rm-border:#ffffff0f;--rm-border-glow:#00d4ff33;--rm-shadow:0 0 0 1px #ffffff0a, 0 20px 60px -20px #000c;--rm-shadow-glow:0 0 40px -10px #00d4ff26;--rm-dist:70px;--rm-duration:.9s;--rm-ease:cubic-bezier(.16, 1, .3, 1);--rm2-wght:300;--rm2-wdth:75}@property --rm2-wght{syntax:"<number>";inherits:false;initial-value:300}@property --rm2-wdth{syntax:"<number>";inherits:false;initial-value:75}[data-theme=light]{--rm-bg-base:#f4f0fa;--rm-bg-card:#fff;--rm-bg-card-2:#f8f5ff;--rm-bg-glass:#ffffffe0;--rm-text-main:#1a1025;--rm-text-muted:#5e5478;--rm-text-subtle:#b0a3c8;--rm-accent-cyan:#09c;--rm-accent-purple:#7c3aed;--rm-accent-pink:#db2777;--rm-accent-gold:#d97706;--rm-accent-green:#059669;--rm-gradient:linear-gradient(135deg, #09c, #7c3aed, #db2777);--rm-gradient-gold:linear-gradient(135deg, #d97706, #dc2626, #7c3aed);--rm-border:#643cb41a;--rm-border-glow:#0099cc40;--rm-shadow:0 0 0 1px #643cb40f, 0 12px 40px -12px #643cb41f;--rm-shadow-glow:0 0 40px -10px #0099cc26;--rm-nav-glass:#ffffffd1}[data-theme=light] body{color:var(--rm-text-main)}[data-theme=light] .roopm-bg-pattern{background-image:linear-gradient(#7c3aed0a 1px,#0000 1px),linear-gradient(90deg,#7c3aed0a 1px,#0000 1px),radial-gradient(circle at 15% 15%,#0099cc0a 0%,#0000 40%),radial-gradient(circle at 85% 85%,#7c3aed0a 0%,#0000 40%)}[data-theme=light] .roopm-bg-pattern:after{opacity:.08}[data-theme=light] .roopm-glow-orb{opacity:.06}[data-theme=light] .roopm-floating-nav,[data-theme=light] .rm-bar{-webkit-backdrop-filter:blur(25px)saturate(180%);background:#ffffffe0;border-color:#7c3aed1f;box-shadow:0 10px 30px #643cb41a}[data-theme=light] .rm-link{color:#2e2440;font-weight:600}[data-theme=light] .rm-item:hover .rm-link,[data-theme=light] .rm-item.desktop-active .rm-link{color:var(--rm-accent-purple)}[data-theme=light] .rm-sub{background:#fffffffa;border-color:#7c3aed1f;box-shadow:0 15px 35px #643cb426}[data-theme=light] .rm-sub a:hover{color:var(--rm-accent-purple);background:#7c3aed0f}[data-theme=light] .rm-code-block{color:#1a1025;background:#1e14320a;border-color:#643cb41a}[data-theme=light] .rm-code-block .kw{color:#7c3aed}[data-theme=light] .rm-code-block .cl{color:#d97706}[data-theme=light] .rm-code-block .at{color:#db2777}[data-theme=light] .rm-code-block .st{color:#059669}[data-theme=light] .rm-code-block .cm{color:#9ca3af}[data-theme=light] .roopm-card:before,[data-theme=light] .rm-effect-card:before,[data-theme=light] .rm-tx-card:before,[data-theme=light] .rm-stat-card:before{background:linear-gradient(135deg,#7c3aed0a 0%,#0000 60%)}[data-theme=light] .rm-effect-card,[data-theme=light] .rm-fi-item{background:#7c3aed08;border-color:#7c3aed14}[data-theme=light] .scroll-mouse{border-color:#643cb433}[data-theme=light] .rm-section-rule{background:linear-gradient(90deg,#0000,#09c3,#7c3aed33,#0000)}[data-theme=light] .rm-sep-line{background:linear-gradient(90deg,#0000,#643cb41f,#0000)}[data-theme=light] .roopm-kinetic-wrap{background:linear-gradient(135deg,#f0ecf7,#e8e0f8)}[data-theme=light] .roopm-kinetic-track{-webkit-text-stroke-color:#7c3aed33}[data-theme=light] .roopm-frost-wrap,[data-theme=light] .roopm-t2i-wrap{background:#eee8f8}[data-theme=light] .roopm-cinematic-mask-wrap{background:#f4f0fa}[data-theme=light] .roopm-glitch-text:before,[data-theme=light] .roopm-glitch-text:after{background:var(--rm-bg-card)}[data-theme=light] .glow-cyan{box-shadow:var(--rm-shadow), 0 0 40px -15px #09c3}[data-theme=light] .glow-purple{box-shadow:var(--rm-shadow), 0 0 40px -15px #7c3aed33}[data-theme=light] .glow-pink{box-shadow:var(--rm-shadow), 0 0 40px -15px #db277733}[data-theme=light] .glow-gold{box-shadow:var(--rm-shadow), 0 0 40px -15px #d9770633}[data-theme=light] .glow-green{box-shadow:var(--rm-shadow), 0 0 40px -15px #05966933}@media (width<=1024px){[data-theme=light] .rm-nav{background:#fffffffa;border-left-color:#7c3aed26}}[data-theme=light] .rm-overlay{background:#1e143259}[data-theme=light] .rm-toggle span{background:#1a1025}[data-theme=light] .rm-close{color:#1a1025;background:#643cb40f;border-color:#643cb41f}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}body{background:var(--rm-bg-base);color:var(--rm-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:clip}img{object-fit:cover;width:100%;height:100%;display:block}.roopm-display,.roopm-h2,.roopm-h3,.roopm-h4{letter-spacing:-.03em;font-family:Space Grotesk,system-ui,sans-serif;font-weight:700}.roopm-display{margin-bottom:1.5rem;font-size:clamp(3rem,6vw,6rem);line-height:1}.roopm-h2{margin-bottom:.75rem;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.1}.roopm-h3{font-size:clamp(1.4rem,2vw,2rem);line-height:1.2}.roopm-h4{font-size:clamp(1.1rem,1.5vw,1.5rem)}.roopm-body{color:var(--rm-text-muted);max-width:60ch;margin:0 auto;font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.8}.roopm-text-gradient{background:var(--rm-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.roopm-text-gradient-gold{background:var(--rm-gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.roopm-text-center{text-align:center}.roopm-mt-4{margin-top:1.5rem}.roopm-container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,5vw,6rem)}.roopm-section{padding:clamp(6rem,10vw,12rem) 0;position:relative}.roopm-section-header{text-align:center;margin-bottom:clamp(3rem,6vw,6rem)}.roopm-bento-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(260px,22vw,380px),1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.roopm-span-2{grid-column:span 2}.roopm-bento-master{grid-template-columns:repeat(20,1fr);gap:22px;width:100%;margin-top:14px;display:grid}.rm-c1{grid-area:1/1/3/8;min-height:390px}.rm-c2{grid-area:1/8/2/14;min-height:185px}.rm-c3{grid-area:2/8/3/14;min-height:185px}.rm-c4{grid-area:1/14/4/21;min-height:580px}.rm-c5{grid-area:3/1/4/7;min-height:185px}.rm-c6{grid-area:3/7/4/14;min-height:185px}.wp-bento-card{position:relative;padding:0!important;overflow:visible!important}.wp-bento-inner{border-radius:inherit;z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.wp-bento-badge{z-index:35;pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:-10px;left:18px}.wp-floating-pill{background:var(--rm-bg-card)!important;box-shadow:0 6px 20px #0000008c,0 0 10px #0006!important}[data-theme=light] .wp-floating-pill{background:#fff!important;box-shadow:0 4px 15px #643cb41f,0 0 0 1px #7c3aed26!important}.roopm-card{background:var(--rm-bg-card);border:1px solid var(--rm-border);box-shadow:var(--rm-shadow);border-radius:7px;flex-direction:column;justify-content:center;padding:clamp(1.5rem,3vw,2.5rem);transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.roopm-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0a 0%,#0000 60%);position:absolute;inset:0}.roopm-card:hover{box-shadow:var(--rm-shadow), 0 0 30px -10px #00d4ff1a;border-color:#00d4ff33}.roopm-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--rm-text-main);-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;background:#0e0e18d9;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:8px;padding:5px 13px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative;box-shadow:0 4px 15px #0000004d}.roopm-badge:before{content:"";background:var(--rm-accent-purple);width:6px;height:6px;box-shadow:0 0 8px var(--rm-accent-purple);border-radius:1px;flex-shrink:0;animation:2s ease-in-out infinite rm-beacon-pulse;display:inline-block;transform:rotate(45deg)}@keyframes rm-beacon-pulse{0%,to{opacity:.7;transform:rotate(45deg)scale(.85)}50%{opacity:1;filter:brightness(1.35);transform:rotate(45deg)scale(1.35)}}[data-theme=light] .roopm-badge{color:var(--rm-text-main);background:#fffffff2;border-color:#7c3aed2e;box-shadow:0 4px 15px #643cb414}.roopm-badge.badge-purple{color:#c084fc;border-color:#a855f759}.roopm-badge.badge-purple:before{background:#a855f7;box-shadow:0 0 8px #a855f7}[data-theme=light] .roopm-badge.badge-purple{color:#7c3aed;border-color:#7c3aed40}.roopm-badge.badge-cyan{color:#38bdf8;border-color:#00d4ff59}.roopm-badge.badge-cyan:before{background:#00d4ff;box-shadow:0 0 8px #00d4ff}[data-theme=light] .roopm-badge.badge-cyan{color:#0284c7;border-color:#0284c740}.roopm-badge.badge-gold{color:#fbbf24;border-color:#f59e0b59}.roopm-badge.badge-gold:before{background:#f59e0b;box-shadow:0 0 8px #f59e0b}[data-theme=light] .roopm-badge.badge-gold{color:#d97706;border-color:#d9770640}.roopm-badge.badge-pink{color:#f472b6;border-color:#f472b659}.roopm-badge.badge-pink:before{background:#f472b6;box-shadow:0 0 8px #f472b6}[data-theme=light] .roopm-badge.badge-pink{color:#db2777;border-color:#db277740}.roopm-badge.badge-green{color:#34d399;border-color:#10b98159}.roopm-badge.badge-green:before{background:#10b981;box-shadow:0 0 8px #10b981}[data-theme=light] .roopm-badge.badge-green{color:#059669;border-color:#05966940}.roopm-bg-pattern{z-index:-2;pointer-events:none;background-image:linear-gradient(#00d4ff06 1px,#0000 1px),linear-gradient(90deg,#00d4ff06 1px,#0000 1px),radial-gradient(circle at 15% 15%,#00d4ff05 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f705 0%,#0000 40%);background-size:60px 60px,60px 60px,100% 100%,100% 100%;position:fixed;inset:0}.roopm-bg-pattern:after{content:"";opacity:.4;pointer-events:none;z-index:-2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.roopm-glow-orb{filter:blur(140px);opacity:.12;z-index:-1;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate rm-pulse-orb;position:fixed}.orb-1{background:radial-gradient(circle, var(--rm-accent-cyan) 0%, transparent 70%);width:50vw;height:50vw;top:-15%;left:-10%}.orb-2{background:radial-gradient(circle, var(--rm-accent-purple) 0%, transparent 70%);width:40vw;height:40vw;animation-delay:-4s;bottom:5%;right:-10%}.orb-3{background:radial-gradient(circle, var(--rm-accent-pink) 0%, transparent 70%);opacity:.06;width:30vw;height:30vw;animation-delay:-2s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rm-pulse-orb{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.18;transform:scale(1.08)}}.roopm-progress-bar{z-index:1000;background:var(--rm-gradient);transform-origin:0;width:100%;height:3px;box-shadow:0 0 20px var(--rm-accent-cyan), 0 0 40px #00d4ff4d;animation:linear both rm-progress-grow;animation-timeline:scroll(root);position:fixed;top:0;left:0;transform:scaleX(0)}@keyframes rm-progress-grow{to{transform:scaleX(1)}}:root{--rm-nav-h:52px;--rm-nav-glass:#0a0a0fbf;--rm-ease-out:cubic-bezier(.16, 1, .3, 1);--rm-ease-3d:cubic-bezier(.25, 1, .5, 1);--rm-z-page:1;--rm-z-overlay:800;--rm-z-header:900}.roopm-page-content{z-index:var(--rm-z-page);transition:filter .4s var(--rm-ease-out);background:var(--rm-bg-base);min-height:100vh;position:relative}body.rm-sidebar-active .roopm-page-content{filter:blur(4px)brightness(.65);pointer-events:none;overflow:hidden}html.rm-sidebar-lock,body.rm-sidebar-active{overflow:hidden}.rm-header{width:100%;z-index:var(--rm-z-header);pointer-events:none;transition:top .4s var(--rm-ease-out), padding .4s var(--rm-ease-out);padding:0 clamp(1rem,5vw,6rem);position:fixed;top:8px;left:0}.rm-bar{pointer-events:auto;background:var(--rm-nav-glass);-webkit-backdrop-filter:blur(30px)saturate(200%);height:var(--rm-nav-h);box-shadow:var(--rm-shadow), 0 15px 35px -15px #000000b3;transition:height .4s var(--rm-ease-out), background .4s, box-shadow .4s, border-color .4s;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:relative}.rm-bar:before{content:"";border-radius:inherit;background:conic-gradient(from var(--rm-beam-angle,0deg), transparent 20%, var(--rm-accent-cyan) 40%, var(--rm-accent-purple) 60%, transparent 80%);-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;animation:5s linear infinite rm-beam;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}@property --rm-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rm-beam{to{--rm-beam-angle:360deg}}@supports (animation-timeline:scroll()){.rm-header{animation:linear both header-shrink;animation-timeline:scroll(root);animation-range:0 120px}.rm-bar{animation:linear both bar-shrink;animation-timeline:scroll(root);animation-range:0 120px}[data-theme=light] .rm-bar{animation-name:bar-shrink-light}}@keyframes header-shrink{to{padding:0 clamp(.75rem,4vw,5rem);top:8px}}@keyframes bar-shrink{to{height:calc(var(--rm-nav-h) - 4px);background:#08080ceb;border-color:#ffffff1f}}@keyframes bar-shrink-light{to{height:calc(var(--rm-nav-h) - 4px);background:#fffffff2;border-color:#7c3aed2e;box-shadow:0 10px 30px #643cb41f}}body.rm-scrolled .rm-header{padding:0 clamp(.75rem,4vw,5rem);top:8px}body.rm-scrolled .rm-bar{height:calc(var(--rm-nav-h) - 4px);background:#08080ceb}[data-theme=light] body.rm-scrolled .rm-bar{background:#fffffff2!important;border-color:#7c3aed2e!important}.roopm-logo{color:#fff;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:800}[data-theme=light] .roopm-logo{color:var(--rm-text-main)}.rm-nav{align-items:center;height:100%;display:flex}.rm-mobile-top{display:none}.rm-list{align-items:center;gap:.5rem;height:100%;list-style:none;display:flex;position:relative}.rm-tracker{pointer-events:none;z-index:1;opacity:0;height:38px;transition:opacity .3s var(--rm-ease-out), transform .4s var(--rm-ease-out), width .4s var(--rm-ease-out);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;position:absolute;transform:translate(0)scale(.9)}[data-theme=light] .rm-tracker{background:#7c3aed0f;border-color:#7c3aed1f}.rm-item{z-index:2;align-items:center;height:100%;display:flex;position:relative}.rm-link{color:var(--rm-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:.35rem .75rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.rm-item:hover .rm-link,.rm-item.desktop-active .rm-link{color:var(--rm-text-main)}.rm-arrow{transition:transform .3s var(--rm-ease-out);display:inline-block}.rm-item:hover .rm-arrow,.rm-item.desktop-active .rm-arrow{transform:rotate(180deg)}.rm-sub{-webkit-backdrop-filter:blur(30px)saturate(200%);opacity:0;pointer-events:none;width:210px;transition:opacity .25s var(--rm-ease-out), transform .25s var(--rm-ease-out);z-index:1000;will-change:transform, opacity;background:#0e0e18f5;border:1px solid #7c3aed33;border-radius:14px;padding:.5rem;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 20px 50px #000000b3,0 0 35px #7c3aed2e}.rm-sub:after{content:"";background:0 0;height:18px;position:absolute;top:-14px;left:-10px;right:-10px}.rm-sub:before{content:"";background:#0e0e18f5;border-top:1px solid #7c3aed4d;border-left:1px solid #7c3aed4d;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}[data-theme=light] .rm-sub:before{background:#fffffff7;border-top:1px solid #7c3aed33;border-left:1px solid #7c3aed33}.rm-item:hover .rm-sub,.rm-item.desktop-active .rm-sub{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.rm-item.rm-dropdown-closed .rm-sub{opacity:0!important;pointer-events:none!important;transition:opacity .25s var(--rm-ease-out), transform .25s var(--rm-ease-out)!important;transform:translate(-50%)translateY(12px)!important}[data-theme=light] .rm-sub{background:#fffffff7;border:1px solid #7c3aed29;box-shadow:0 20px 50px #643cb424,0 0 25px #7c3aed14}[data-theme=light] .rm-sub a{color:#4a4060}[data-theme=light] .rm-sub a:hover{color:var(--rm-accent-purple);border-left-color:var(--rm-accent-purple);background:#7c3aed14}.rm-sub-inner{flex-direction:column;gap:4px;display:flex}.rm-sub a{color:var(--rm-text-muted);transition:all .25s var(--rm-ease-out);border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .9rem;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.rm-sub a:hover{color:var(--rm-accent-cyan);border-left-color:var(--rm-accent-purple);background:#00d4ff0d;padding-left:1rem}.rm-actions{align-items:center;gap:10px;margin-left:.6rem;display:flex}.rm-theme-toggle{cursor:pointer;width:34px;height:34px;color:var(--rm-text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.rm-theme-toggle:hover{border-color:var(--rm-accent-cyan);color:var(--rm-accent-cyan);background:#00d4ff0f}.rm-theme-toggle svg{width:16px;height:16px;transition:transform .4s var(--rm-ease-out)}.rm-theme-toggle:hover svg{transform:rotate(30deg)}.rm-theme-toggle .rm-icon-sun{display:none}.rm-theme-toggle .rm-icon-moon,[data-theme=light] .rm-theme-toggle .rm-icon-sun{display:block}[data-theme=light] .rm-theme-toggle .rm-icon-moon{display:none}[data-theme=light] .rm-theme-toggle{background:#7c3aed0a;border-color:#643cb426}[data-theme=light] .rm-theme-toggle:hover{border-color:var(--rm-accent-purple);color:var(--rm-accent-purple);background:#7c3aed14}@media (width<=1024px){:root{--rm-nav-h:46px}.rm-nav{touch-action:pan-y;-webkit-user-select:none;user-select:none;top:calc(var(--rm-nav-h) + 7px)!important;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;z-index:995!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;box-sizing:border-box!important;background:#0e0e16f5!important;border-top:1px solid #ffffff1a!important;border-left:1px solid #ffffff1a!important;border-top-left-radius:20px!important;border-bottom-left-radius:0!important;flex-direction:column!important;align-items:flex-start!important;width:min(270px,76vw)!important;height:calc(100dvh - 62px)!important;margin:0!important;padding:1.25rem 1.2rem!important;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s!important;display:flex!important;position:fixed!important;bottom:0!important;left:auto!important;right:0!important;overflow-y:auto!important;transform:translate(105%)!important;box-shadow:-18px 18px 45px #000c!important}[data-theme=light] .rm-nav{background:#fffffff7!important;border-top:1px solid #7c3aed26!important;border-left:1px solid #7c3aed26!important;box-shadow:-15px 15px 40px #643cb424!important}body.rm-sidebar-active .rm-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}.rm-mobile-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.2rem;padding-bottom:.6rem;display:flex}[data-theme=light] .rm-mobile-top{border-bottom-color:#7c3aed1f}.rm-list{flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;height:auto}.rm-item{flex-direction:column;align-items:flex-start;width:100%;height:auto}.rm-link{border-bottom:1px solid #ffffff0a;justify-content:space-between;width:100%;color:#ffffffe0!important;padding:.55rem .25rem!important;font-size:.88rem!important;font-weight:600!important}[data-theme=light] .rm-link{border-bottom-color:#643cb414;color:var(--rm-text-main)!important}.rm-item.active .rm-link{color:var(--rm-accent-cyan)!important}[data-theme=light] .rm-item.active .rm-link{color:var(--rm-accent-purple)!important}.rm-tracker{display:none!important}.rm-sub{opacity:1;pointer-events:auto;width:100%;box-shadow:none;transition:grid-template-rows .35s var(--rm-ease-out);background:0 0;border:none;border-radius:0;grid-template-rows:0fr;padding:0;display:grid;position:static;transform:none!important}.rm-sub:before,.rm-sub:after{display:none!important}.rm-item.active .rm-sub{grid-template-rows:1fr}.rm-sub-inner{flex-direction:column;gap:.2rem;padding-top:.25rem;padding-left:.6rem;display:flex;overflow:hidden}.rm-sub-inner a{border-radius:6px;transition:all .2s;color:var(--rm-text-muted)!important;padding:.45rem .6rem!important;font-size:.8rem!important;font-weight:500!important}.rm-sub-inner a:hover{color:#fff!important;background:#7c3aed26!important}[data-theme=light] .rm-sub-inner a{color:#5a5070!important}[data-theme=light] .rm-sub-inner a:hover{color:var(--rm-accent-purple)!important;background:#7c3aed14!important}.rm-item.active .rm-arrow{color:var(--rm-accent-cyan);transform:rotate(180deg)}}.rm-toggle{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none;position:relative}.rm-toggle span{width:24px;height:2px;transition:transform .3s var(--rm-ease-out), opacity .3s;background:#fff;display:block}body.rm-sidebar-active .rm-toggle span:first-child{transform:translateY(8px)rotate(45deg)}body.rm-sidebar-active .rm-toggle span:nth-child(2){opacity:0}body.rm-sidebar-active .rm-toggle span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=1024px){.rm-toggle{display:flex}}.rm-overlay{opacity:0;pointer-events:none;z-index:var(--rm-z-overlay);background:#0006;transition:opacity .5s;position:fixed;inset:0}body.rm-sidebar-active .rm-overlay{opacity:1;pointer-events:auto}.roopm-nav-wrapper{z-index:100;pointer-events:none;justify-content:center;width:100%;padding:0 20px;display:flex;position:fixed;top:20px}.roopm-floating-nav{pointer-events:auto;-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--rm-border);background:#060608cc;border-radius:50px;justify-content:space-between;align-items:center;width:100%;max-width:820px;padding:.9rem 2rem;display:flex;box-shadow:0 0 0 1px #00d4ff0d,0 20px 40px #00000080}.roopm-nav-links{gap:2.5rem;font-size:.9rem;font-weight:500;display:flex}.roopm-nav-links a{color:var(--rm-text-muted);letter-spacing:.02em;text-decoration:none;transition:color .2s}.roopm-nav-links a:hover{color:var(--rm-text-main)}.rm-btn-glow{clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);color:#fff;letter-spacing:.03em;cursor:pointer;transition:all .35s var(--rm-ease-out);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#7c3aede6 0%,#4f46e5e6 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:.65rem 1.6rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 8px 25px -5px #7c3aed66}.rm-btn-glow:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.rm-btn-glow:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 30px -5px #7c3aed8c,0 0 20px #6366f159}.rm-btn-glow:hover:before{left:140%}.rm-btn-glow:active{transform:translateY(0)scale(.98)}.rm-btn-morph{-webkit-backdrop-filter:blur(20px);color:var(--rm-text-main);letter-spacing:.02em;cursor:pointer;transition:all .35s var(--rm-ease-out);-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:.65rem 1.6rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}[data-theme=light] .rm-btn-morph{color:var(--rm-accent-purple);background:#7c3aed0d;border-color:#7c3aed33}.rm-btn-morph:hover{border-color:var(--rm-accent-purple);color:#fff;background:#7c3aed26;border-radius:3px 14px;transform:translateY(-2px);box-shadow:0 10px 25px -6px #7c3aed4d}.rm-btn-morph:active{transform:translateY(0)scale(.98)}.rm-btn-magnetic{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:#fff;letter-spacing:.03em;cursor:pointer;transition:all .35s var(--rm-ease-out);-webkit-user-select:none;user-select:none;background:#141024e6;border:1.5px solid #7c3aed4d;justify-content:center;align-items:center;gap:6px;padding:.6rem 1.45rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #00000059}[data-theme=light] .rm-btn-magnetic{color:var(--rm-accent-purple);background:#fffffff2;border-color:#7c3aed40}.rm-btn-magnetic:hover{background:var(--rm-accent-purple);color:#fff;transform:translateY(-3px);box-shadow:0 12px 25px -4px #7c3aed73}.rm-btn-magnetic:active{transform:translateY(-1px)scale(.97)}.rm-btn-neon{color:var(--rm-text-main);letter-spacing:.03em;cursor:pointer;transition:all .35s var(--rm-ease-out);-webkit-user-select:none;user-select:none;background:#7c3aed0f;border:1.5px solid #7c3aed40;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.6rem 1.45rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.rm-btn-neon:hover{border-color:var(--rm-accent-purple);color:#fff;background:#7c3aed2e;transform:translateY(-2px);box-shadow:0 10px 25px -5px #7c3aed47}.rm-btn-neon:active{text-shadow:0 0 30px #00d4ff;animation:.15s 2 rm-btn-neon-flicker;transform:translateY(0)}@keyframes rm-btn-neon-flicker{0%,to{opacity:1}50%{opacity:.7}}.rm-btn-slide{color:var(--rm-text-main);letter-spacing:.03em;cursor:pointer;z-index:1;background:0 0;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:8px;padding:.85rem 2.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .4s,border-color .4s,transform .3s;display:inline-flex;position:relative;overflow:hidden}.rm-btn-slide:before{content:"";background:var(--rm-gradient);z-index:-1;width:100%;height:100%;transition:left .5s var(--rm-ease-out);position:absolute;top:0;left:-100%}.rm-btn-slide:hover{color:#fff;border-color:#0000;transform:translateY(-2px)}.rm-btn-slide:hover:before{left:0}.rm-btn-slide:active{transform:translateY(0)scale(.97)}.roopm-continuous-float{display:inline-block;animation:3s ease-in-out infinite alternate rm-float-anim!important}@keyframes rm-float-anim{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes rm-float-bg{0%{transform:translateY(0)scale(1)}to{transform:translateY(-50px)scale(1.1)}}@supports (animation-timeline:view()){@keyframes rm-master{0%{opacity:var(--rm-o,0);transform:perspective(1200px) translate3d(var(--rm-x,0px), var(--rm-y,0px), 0px) scale(var(--rm-s,1)) rotateX(var(--rm-rx,0deg)) rotateY(var(--rm-ry,0deg)) rotateZ(var(--rm-rz,0deg)) skew(var(--rm-skx,0deg), var(--rm-sky,0deg));filter:blur(var(--rm-b,0px))}to{opacity:1;filter:blur();transform:perspective(1200px)translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(0)skew(0deg)}}.roopm-animate{animation:rm-master var(--rm-duration) var(--rm-ease) both;animation-timeline:view();animation-range:entry calc(8% + (var(--rm-idx,0) * 4%)) cover calc(32% + (var(--rm-idx,0) * 4%));transform-origin:var(--rm-origin,center)}.roopm-stagger>:first-child{--rm-idx:0}.roopm-stagger>:nth-child(2){--rm-idx:1}.roopm-stagger>:nth-child(3){--rm-idx:2}.roopm-stagger>:nth-child(4){--rm-idx:3}.roopm-stagger>:nth-child(5){--rm-idx:4}.roopm-stagger>:nth-child(6){--rm-idx:5}.roopm-stagger>:nth-child(7){--rm-idx:6}.roopm-stagger>:nth-child(8){--rm-idx:7}.roopm-stagger>:nth-child(9){--rm-idx:8}.roopm-stagger>:nth-child(10){--rm-idx:9}.roopm-stagger>:nth-child(11){--rm-idx:10}.roopm-stagger>:nth-child(12){--rm-idx:11}[data-roopm-effect=fade-up]{--rm-y:var(--rm-dist)}[data-roopm-effect=fade-down]{--rm-y:calc(var(--rm-dist) * -1)}[data-roopm-effect=fade-right]{--rm-x:calc(var(--rm-dist) * -1)}[data-roopm-effect=fade-left]{--rm-x:var(--rm-dist)}[data-roopm-effect=fade-up-left]{--rm-y:var(--rm-dist);--rm-x:var(--rm-dist)}[data-roopm-effect=fade-up-right]{--rm-y:var(--rm-dist);--rm-x:calc(var(--rm-dist) * -1)}[data-roopm-effect=scale-up]{--rm-s:.75}[data-roopm-effect=scale-down]{--rm-s:1.4}[data-roopm-effect=zoom-in]{--rm-s:1.6;--rm-b:20px}[data-roopm-effect=rotate-right]{--rm-rz:20deg;--rm-y:40px}[data-roopm-effect=rotate-left]{--rm-rz:-20deg;--rm-y:40px}[data-roopm-effect=flip-x]{--rm-rx:90deg}[data-roopm-effect=flip-y]{--rm-ry:90deg}[data-roopm-effect=skew-up]{--rm-y:var(--rm-dist);--rm-sky:12deg}[data-roopm-effect=swing-in]{--rm-rx:-120deg;--rm-origin:top}[data-roopm-effect=unfold-bottom]{--rm-rx:90deg;--rm-origin:bottom}[data-roopm-effect=blur-in]{--rm-b:24px;--rm-y:20px}[data-roopm-effect=blur-scale]{--rm-s:1.3;--rm-b:20px}#text .roopm-card{view-timeline:--text-card-timeline block}.roopm-text-effect{position:relative;overflow:visible}.roopm-text-effect span{display:inline-block;position:relative;animation-duration:1.1s!important;animation-timing-function:cubic-bezier(.16,1,.3,1)!important;animation-fill-mode:both!important;animation-timeline:--text-card-timeline!important;animation-range:entry 15% cover 55%!important}[data-tx-effect=liquid-morph] span{animation-name:tx-liquid-morph!important;animation-duration:1.4s!important}@keyframes tx-liquid-morph{0%{opacity:0;filter:blur(12px);border-radius:50%;transform:scaleX(.3)scaleY(2.8)translateY(30px)}40%{opacity:1;filter:blur();transform:scaleX(1.15)scaleY(.85)translateY(-6px)}65%{transform:scaleX(.96)scaleY(1.06)translateY(3px)}82%{transform:scaleX(1.02)scaleY(.98)}to{border-radius:0;transform:scaleX(1)scaleY(1)translateY(0)}}[data-tx-effect=glitch-shatter] span{animation-name:tx-glitch-shatter!important;animation-duration:1.2s!important;animation-timing-function:step-end!important}@keyframes tx-glitch-shatter{0%{opacity:0;filter:hue-rotate(90deg)saturate(3)blur(4px);color:#0ff;text-shadow:4px 0 #f0f,-4px 0 #0f0;transform:translate(-8px)skew(20deg)}12%{filter:hue-rotate(-90deg)saturate(4)blur(2px);color:#f0f;text-shadow:-6px 0 #0ff,6px 0 #ff0;opacity:1;transform:translate(6px,-3px)skew(-12deg)}24%{filter:hue-rotate(180deg)blur(1px);color:#ff0;text-shadow:3px 0 red;transform:translate(-4px,2px)scaleX(1.08)}38%{filter:saturate(2)blur(.5px);color:var(--rm-accent-cyan);text-shadow:0 0 8px var(--rm-accent-cyan);transform:translate(3px)skew(6deg)}55%{filter:saturate(1.2)blur();color:inherit;text-shadow:0 0 20px #00d4ff80;transform:translate(-1px)skew(-2deg)}to{filter:none;color:inherit;text-shadow:none;opacity:1;transform:translate(0)skew(0)}}[data-tx-effect=magnetic-pull] span{animation-name:tx-magnetic-pull!important;animation-duration:1.3s!important}@keyframes tx-magnetic-pull{0%{opacity:0;filter:blur(30px);transform:perspective(800px)translateZ(-600px)rotateX(45deg)scale(.1)}50%{opacity:1;filter:blur();transform:perspective(800px)translateZ(30px)rotateX(-8deg)scale(1.08)}70%{transform:perspective(800px)translateZ(-15px)rotateX(4deg)scale(.97)}85%{transform:perspective(800px)translateZ(8px)rotateX(-2deg)scale(1.01)}to{opacity:1;transform:perspective(800px)translateZ(0)rotateX(0)scale(1)}}[data-tx-effect=neon-strike] span{animation-name:tx-neon-strike!important;animation-duration:1s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important}@keyframes tx-neon-strike{0%{opacity:0;clip-path:inset(0 100% 0 0);text-shadow:0 0 6px var(--rm-accent-cyan), 0 0 20px var(--rm-accent-cyan), 0 0 60px var(--rm-accent-cyan);color:#fff}30%{opacity:1;clip-path:inset(0 40% 0 0);text-shadow:0 0 10px var(--rm-accent-cyan), 0 0 40px var(--rm-accent-cyan)}70%{clip-path:inset(0 0% 0 0);text-shadow:0 0 6px var(--rm-accent-cyan), 0 0 15px var(--rm-accent-cyan)}to{clip-path:inset(0 0% 0 0);text-shadow:none;opacity:1}}[data-tx-effect=holo-rise] span{animation-name:tx-holo-rise!important;animation-duration:1.5s!important}@keyframes tx-holo-rise{0%{opacity:0;filter:hue-rotate()saturate(4)brightness(2);color:#0ff;text-shadow:0 -10px 30px #0ffc;transform:translateY(60px)scaleY(.6)}25%{opacity:1;filter:hue-rotate(120deg)saturate(3)brightness(1.8);color:#f0f;transform:translateY(20px)scaleY(.85)}50%{filter:hue-rotate(240deg)saturate(2)brightness(1.4);color:#ff0;transform:translateY(-8px)scaleY(1.05)}75%{filter:hue-rotate(360deg)saturate(1.2)brightness(1.1);transform:translateY(4px)scaleY(.98)}to{opacity:1;filter:none;text-shadow:none;transform:translateY(0)scaleY(1)}}[data-tx-effect=shockwave] span{animation-name:tx-shockwave!important;animation-duration:1s!important;animation-timing-function:cubic-bezier(.34,1.56,.64,1)!important}@keyframes tx-shockwave{0%{opacity:0;filter:blur(16px)brightness(3);letter-spacing:.5em;transform:scale(3.5)}35%{opacity:1;filter:blur()brightness(1.3);letter-spacing:-.02em;transform:scale(.9)}55%{letter-spacing:-.01em;transform:scale(1.04)}to{opacity:1;filter:none;letter-spacing:inherit;transform:scale(1)}}[data-tx-effect=phantom-type] span{animation-name:tx-phantom-type!important;animation-duration:1.4s!important;animation-timing-function:steps(14,end)!important}@keyframes tx-phantom-type{0%{clip-path:inset(0 100% 0 0);opacity:.6;text-shadow:2px 0 12px var(--rm-accent-cyan);color:var(--rm-accent-cyan)}80%{clip-path:inset(0 0% 0 0);opacity:1;text-shadow:0 0 8px var(--rm-accent-cyan);color:var(--rm-accent-cyan)}to{clip-path:inset(0 0% 0 0);opacity:1;text-shadow:none;color:inherit}}[data-tx-effect=gravity-drop] span{animation-name:tx-gravity-drop!important;animation-duration:1.2s!important;animation-timing-function:cubic-bezier(.55,0,.45,1)!important}@keyframes tx-gravity-drop{0%{opacity:0;transform:translateY(-120px)rotate(-8deg)scaleX(.8)}40%{opacity:1;transform:translateY(16px)rotate(3deg)scaleX(1.04)}58%{transform:translateY(-8px)rotate(-1.5deg)scaleX(.99)}74%{transform:translateY(5px)rotate(.8deg)scaleX(1.01)}88%{transform:translateY(-2px)rotate(0)}to{opacity:1;transform:translateY(0)rotate(0)scaleX(1)}}[data-tx-effect=void-emerge] span{transform-style:preserve-3d;animation-name:tx-void-emerge!important;animation-duration:1.3s!important}@keyframes tx-void-emerge{0%{opacity:0;filter:brightness(4)blur(20px);letter-spacing:-.3em;transform:perspective(600px)translateZ(-1200px)scale(0)}45%{opacity:1;filter:brightness(1.5)blur();letter-spacing:.05em;transform:perspective(600px)translateZ(20px)scale(1.05)}70%{letter-spacing:.01em;transform:perspective(600px)translateZ(-8px)scale(.99)}to{opacity:1;filter:none;letter-spacing:inherit;transform:perspective(600px)translateZ(0)scale(1)}}[data-tx-effect=aurora-wipe] span{background:linear-gradient(135deg,#00d4ff 0%,#a855f7 25%,#f472b6 50%,#f59e0b 75%,#10b981 100%) 0 0/400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative;animation-name:tx-aurora-wipe!important;animation-duration:1.5s!important}@keyframes tx-aurora-wipe{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);background-position:0%;transform:skew(-15deg)}40%{opacity:1;clip-path:polygon(0 0,110% 0,110% 100%,0 100%);background-position:100%;transform:skew(0)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-position:50%;transform:skew(0)}}[data-roopm-effect^=mask-],[data-roopm-effect^=reveal-]{animation-duration:1.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;animation-timeline:view();animation-range:entry 5% cover 45%}[data-roopm-effect=mask-iris]{animation-name:mask-iris;animation-duration:1.4s}@keyframes mask-iris{0%{clip-path:circle(0%);opacity:0;filter:brightness(2)}30%{filter:brightness(1.6);opacity:1}to{clip-path:circle(150%);opacity:1;filter:brightness()}}[data-roopm-effect=mask-venetian]{animation-name:mask-venetian;animation-duration:1.1s;animation-timing-function:cubic-bezier(.77,0,.175,1)}@keyframes mask-venetian{0%{clip-path:polygon(0 0%,10% 0%,10% 0%,0 0%,0 20%,10% 20%,10% 20%,0 20%,0 40%,10% 40%,10% 40%,0 40%,0 60%,10% 60%,10% 60%,0 60%,0 80%,10% 80%,10% 80%,0 80%);opacity:0}60%{opacity:1}to{clip-path:polygon(0 0%,100% 0%,100% 20%,0 20%,0 20%,100% 20%,100% 40%,0 40%,0 40%,100% 40%,100% 60%,0 60%,0 60%,100% 60%,100% 80%,0 80%,0 80%,100% 80%,100% 100%,0 100%);opacity:1}}[data-roopm-effect=mask-portal]{animation-name:mask-portal;animation-duration:1.3s}@keyframes mask-portal{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);opacity:0;filter:brightness(3)saturate(2)}30%{filter:brightness(1.8)saturate(1.5);opacity:1}70%{clip-path:polygon(0% 0%,34% 0%,50% 15%,66% 0%,100% 0%,100% 50%,85% 66%,100% 100%,50% 100%,0% 100%,15% 66%,0% 50%);filter:brightness(1.2)}to{clip-path:polygon(0% 0%,33% 0%,50% 0%,66% 0%,100% 0%,100% 50%,100% 66%,100% 100%,50% 100%,0% 100%,0% 66%,0% 50%);opacity:1;filter:brightness()}}[data-roopm-effect=mask-ink]{animation-name:mask-ink;animation-duration:1.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes mask-ink{0%{clip-path:ellipse(0% 0% at 48% 52%);opacity:0;filter:blur(8px)}15%{clip-path:ellipse(12% 8% at 48% 52%);opacity:1;filter:blur(4px)}40%{clip-path:ellipse(45% 35% at 52% 48%);filter:blur(2px)}65%{clip-path:ellipse(75% 65%);filter:blur(.5px)}to{clip-path:ellipse(150% 150%);opacity:1;filter:blur()}}[data-roopm-effect=mask-curtain]{animation-name:mask-curtain;animation-duration:1.1s;animation-timing-function:cubic-bezier(.77,0,.175,1)}@keyframes mask-curtain{0%{clip-path:polygon(25% 0%,75% 0%,75% 100%,25% 100%);opacity:0}40%{opacity:1}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1}}[data-roopm-effect=mask-spotlight]{animation-name:mask-spotlight;animation-duration:1.3s}@keyframes mask-spotlight{0%{clip-path:ellipse(10% 80% at -10%);opacity:.3;filter:brightness(2)}40%{clip-path:ellipse(25% 100% at 40%);opacity:1;filter:brightness(1.6)}70%{clip-path:ellipse(60% 120% at 70%);filter:brightness(1.2)}to{clip-path:ellipse(200% 200%);opacity:1;filter:brightness()}}[data-roopm-effect=mask-quantum]{animation-name:mask-quantum;animation-duration:1.2s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes mask-quantum{0%{clip-path:polygon(0 100%,0 100%,0 100%);opacity:0;filter:blur(6px)brightness(2)}25%{clip-path:polygon(0 60%,40% 0%,40% 0%,0 60%);opacity:1;filter:blur(2px)brightness(1.5)}55%{clip-path:polygon(0 20%,100% 0%,100% 60%,0 100%);filter:blur(.5px)brightness(1.1)}to{clip-path:polygon(0 0%,100% 0%,100% 100%,0 100%);opacity:1;filter:blur()brightness()}}[data-roopm-effect=mask-vortex]{animation-name:mask-vortex;animation-duration:1.4s}@keyframes mask-vortex{0%{clip-path:polygon(50% 40%,60% 50%,50% 60%,40% 50%);opacity:0;filter:blur(12px)brightness(3)saturate(2);transform:rotate(-20deg)scale(.5)}30%{opacity:1;filter:blur(4px)brightness(1.8)saturate(1.5);transform:rotate(-8deg)scale(.85)}65%{clip-path:polygon(0% 20%,80% 0%,100% 80%,20% 100%);filter:blur(1px)brightness(1.2);transform:rotate(-2deg)scale(1.02)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1;filter:blur()brightness()saturate();transform:rotate(0)scale(1)}}.roopm-parallax-wrapper{border-radius:20px;position:relative;overflow:clip}.roopm-parallax-inner{will-change:transform;width:100%;height:100%;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();transform:translateZ(0)}.roopm-parallax-inner[data-parallax=y]{animation-name:rm-para-y;animation-range:entry exit}@keyframes rm-para-y{0%{transform:translateZ(0)scale(1.4)translateY(60px)}50%{transform:translateZ(0)scale(1.3)translateY(0)}to{transform:translateZ(0)scale(1.4)translateY(-60px)}}.roopm-parallax-inner[data-parallax=x]{animation-name:rm-para-x;animation-range:entry exit}@keyframes rm-para-x{0%{transform:translateZ(0)scale(1.4)translate(60px)}50%{transform:translateZ(0)scale(1.3)translate(0)}to{transform:translateZ(0)scale(1.4)translate(-60px)}}.rm-scrub-container{view-timeline:--rm-scrub-tl block}.roopm-scrub-rotate{will-change:transform;display:inline-block;transform:translateZ(0);animation-name:scrub-rot!important;animation-duration:0s!important;animation-timing-function:linear!important;animation-iteration-count:1!important;animation-direction:normal!important;animation-play-state:running!important;animation-delay:0s!important;animation-fill-mode:both!important;animation-timeline:--rm-scrub-tl,view()!important;animation-range:cover,entry exit!important}@keyframes scrub-rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roopm-scrub-blur{will-change:filter, transform, opacity;display:inline-block;transform:translateZ(0);animation-name:scrub-blur!important;animation-duration:0s!important;animation-timing-function:linear!important;animation-iteration-count:1!important;animation-direction:normal!important;animation-play-state:running!important;animation-delay:0s!important;animation-fill-mode:both!important;animation-timeline:--rm-scrub-tl,view()!important;animation-range:cover,entry exit!important}@keyframes scrub-blur{0%{filter:blur(18px);opacity:.15;transform:scale(.85)}50%{filter:blur();opacity:1;transform:scale(1.1)}to{filter:blur(18px);opacity:.15;transform:scale(.85)}}.roopm-scrub-color{will-change:background-color, color, border-color, box-shadow;animation-name:scrub-col!important;animation-duration:0s!important;animation-timing-function:linear!important;animation-iteration-count:1!important;animation-direction:normal!important;animation-play-state:running!important;animation-delay:0s!important;animation-fill-mode:both!important;animation-timeline:--rm-scrub-tl,view()!important;animation-range:cover,entry exit!important}@keyframes scrub-col{0%{background-color:var(--rm-bg-card);color:var(--rm-text-muted)}50%{color:var(--rm-accent-cyan);border-color:var(--rm-accent-cyan);background-color:#00d4ff24;box-shadow:0 0 30px #00d4ff40}to{background-color:var(--rm-bg-card);color:var(--rm-text-muted)}}.roopm-horizontal-section{view-timeline-name:--hz-scroll;height:400vh;position:relative}.roopm-horizontal-sticky{align-items:center;height:calc(100vh - 100px);display:flex;position:sticky;top:100px;overflow:hidden}.roopm-horizontal-track{gap:clamp(1.5rem,3vw,3rem);width:max-content;padding:0 clamp(2rem,5vw,5rem);animation:linear both hz-move;animation-timeline:--hz-scroll;animation-range:contain;display:flex}@keyframes hz-move{to{transform:translate(min(0px,100vw - 100%))}}.roopm-horizontal-panel{text-align:center;border:1px solid var(--rm-border);align-items:center;width:clamp(320px,60vw,900px);height:65vh}.roopm-stack-wrap{flex-direction:column;gap:2rem;padding-bottom:20vh;display:flex}.roopm-stack-card{background-color:var(--rm-bg-card);border:1px solid var(--rm-border);transform-origin:top;min-height:35vh;box-shadow:var(--rm-shadow);isolation:isolate;background-image:none;border-radius:20px;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem);animation:linear both stack-compress;animation-timeline:view();animation-range:exit;display:flex;position:sticky;top:15vh}@keyframes stack-compress{to{opacity:.5;filter:blur(3px);transform:scale(.9)}}.roopm-pin-container{view-timeline-name:--roopm-pin;height:300vh;position:relative}.roopm-pin{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.roopm-card-large{view-timeline:--rm2-card-tl block}.roopm-typewriter-container{align-items:center;width:100%;display:flex}.roopm-typewriter-box{letter-spacing:-.03em;flex-wrap:wrap;align-items:baseline;font-family:Space Grotesk,system-ui,sans-serif;font-weight:800;line-height:1.2;display:inline-flex}.roopm-tw-dynamic-text{color:var(--rm-accent-cyan);white-space:nowrap;font-weight:800;display:inline}[data-theme=light] .roopm-tw-dynamic-text{color:var(--rm-accent-purple)}.roopm-tw-caret{background:var(--rm-accent-cyan);width:3px;height:.86em;box-shadow:0 0 10px var(--rm-accent-cyan), 0 0 20px #00d4ff66;vertical-align:baseline;border-radius:2px;margin-left:2px;animation:.8s step-end infinite rm-caret-blink;display:inline-block;transform:translateY(1px)}[data-theme=light] .roopm-tw-caret{background:var(--rm-accent-purple);box-shadow:0 0 10px var(--rm-accent-purple)}@keyframes rm-caret-blink{50%{opacity:0}}.roopm-scrub-words{text-align:center;max-width:25ch;font-size:clamp(1.4rem,2.8vw,2.2rem);font-weight:600;line-height:1.5}.roopm-scrub-words span{color:var(--rm-text-main);opacity:.15;animation:linear both rm2-word-light;animation-timeline:--rm2-card-tl;animation-range-start:calc(10% + (var(--rm-i) * 2.8%));animation-range-end:calc(20% + (var(--rm-i) * 2.8%));display:inline-block}@keyframes rm2-word-light{to{opacity:1;color:var(--rm-accent-cyan)}}.roopm-stroke-fill{font-size:clamp(1.5rem,3vw,2.8rem);font-weight:800;display:inline-block;position:relative}.roopm-sf-outline{color:#0000;-webkit-text-stroke:1.5px #f0f0ff66}.roopm-sf-fill{color:var(--rm-accent-cyan);background:var(--rm-gradient);-webkit-text-fill-color:transparent;clip-path:inset(100% 0 0);-webkit-background-clip:text;background-clip:text;animation:linear both rm2-sf-wipe;animation-timeline:--rm2-card-tl;animation-range:entry 10% cover 55%;position:absolute;inset:0}@keyframes rm2-sf-wipe{to{clip-path:inset(0% 0 0)}}.roopm-depth-wrap{perspective:900px;width:100%;min-height:350px;position:relative}.roopm-depth-layer{letter-spacing:.3em;white-space:nowrap;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:800;animation:linear both rm2-depth-drift;animation-timeline:--rm2-card-tl;animation-range:cover;display:flex;position:absolute;inset:0}.depth-back{color:#00d4ff0d;--rm2-dz:70px;font-size:clamp(3rem,11vw,8rem)}.depth-mid{color:#a855f726;--rm2-dz:35px;font-size:clamp(2rem,7vw,4.5rem)}.depth-front{color:var(--rm-text-main);--rm2-dz:0px;font-size:clamp(1.2rem,4vw,2.5rem)}@keyframes rm2-depth-drift{0%{transform:translateY(calc(var(--rm2-dz) * 1.5)) scale(.95)}to{transform:translateY(calc(var(--rm2-dz) * -1.5)) scale(1.05)}}.roopm-generative-wrap{justify-content:center;align-items:center;width:100%;display:flex}.roopm-gen-svg{width:min(95%,550px);overflow:visible}.roopm-gen-text{fill:#0000;stroke:var(--rm-accent-cyan);stroke-width:1.5px;stroke-dasharray:400;stroke-dashoffset:400px;animation-name:rm2-gen-draw,rm2-gen-fill;animation-duration:auto, auto;animation-timing-function:linear,linear;animation-fill-mode:both,both;animation-timeline:--rm2-card-tl,--rm2-card-tl;animation-range:entry 5% cover 50%,cover 40% cover 80%}@keyframes rm2-gen-draw{to{stroke-dashoffset:0}}@keyframes rm2-gen-fill{to{fill:var(--rm-text-main);stroke:none}}.roopm-frost-wrap{background:#040406;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.roopm-frost-bg{background:conic-gradient(from 0deg, var(--rm-accent-cyan), var(--rm-accent-purple), var(--rm-accent-pink), var(--rm-accent-cyan));filter:blur(60px);opacity:.25;animation:10s linear infinite rm2-frost-bg-spin;position:absolute;inset:-20%}@keyframes rm2-frost-bg-spin{to{transform:rotate(360deg)}}.roopm-frost-static{z-index:2;letter-spacing:.4em;text-indent:.4em;color:var(--rm-text-main);font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;position:relative}.roopm-frost-pane{-webkit-backdrop-filter:blur(14px)saturate(160%);z-index:3;background:#ffffff08;border-left:1px solid #fff3;border-right:1px solid #fff3;width:25%;animation:linear both rm2-frost-sweep;animation-timeline:--rm2-card-tl;animation-range:cover;position:absolute;top:-10%;bottom:-10%;left:-30%;transform:skew(-12deg)}@keyframes rm2-frost-sweep{to{left:110%}}.roopm-dof-wrap{view-timeline:--dof-tl block;display:inline-block}.roopm-dof{font-size:clamp(1.8rem,4.5vw,3.8rem);animation:linear both rm2-dof-focus;animation-timeline:--dof-tl;animation-range:entry 10% cover 60%;display:inline-block}@keyframes rm2-dof-focus{0%{filter:blur(20px);opacity:.2;transform:scale(2.4)}60%{filter:blur(2px);opacity:1;transform:scale(1.08)}to{filter:blur();opacity:1;transform:scale(1)}}.roopm-iso-wrap{perspective:900px;justify-content:center;align-items:center;display:flex}.roopm-iso{color:var(--rm-accent-gold);transform-style:preserve-3d;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:800;animation:linear both rm2-iso-extrude;animation-timeline:--rm2-card-tl;animation-range:entry cover 75%}@keyframes rm2-iso-extrude{0%{text-shadow:none;transform:rotateX(0)rotate(0)}to{text-shadow:1px 1px #d97706,2px 2px #d97706,3px 3px #d97706,4px 4px #b45309,5px 5px #b45309,6px 6px #b45309,7px 7px 10px #0009;transform:rotateX(50deg)rotate(-30deg)}}.roopm-t2i-wrap{background:#050507;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.roopm-t2i-label{z-index:2;letter-spacing:.3em;text-indent:.3em;background:var(--rm-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;animation:linear both rm2-t2i-zoom;animation-timeline:--rm2-card-tl;animation-range:cover cover 55%;position:absolute}@keyframes rm2-t2i-zoom{0%{opacity:1;filter:blur();transform:scale(0)}60%{opacity:0;filter:blur(5px);transform:scale(2.2)}to{opacity:0;filter:blur(10px);transform:scale(55)}}.roopm-t2i-ui{opacity:0;background:#ffffff03;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;animation:linear both rm2-t2i-reveal;animation-timeline:--rm2-card-tl;animation-range:cover 45% cover 75%;display:flex;position:absolute;inset:15px}@keyframes rm2-t2i-reveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.roopm-t2i-mock-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:90%;max-width:500px;display:grid}.roopm-t2i-mock-grid span{background:#00d4ff0d;border:1px solid #00d4ff26;border-radius:8px;height:50px}.roopm-glitch-wrap{display:inline-block;position:relative}.roopm-glitch-text{letter-spacing:.05em;color:var(--rm-text-main);font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;animation:linear both rm2-glitch-main;animation-timeline:--rm2-card-tl;animation-range:entry 10% cover 60%;position:relative}.roopm-glitch-text:before,.roopm-glitch-text:after{content:attr(data-text);background:var(--rm-bg-card);width:100%;height:100%;position:absolute;top:0;left:0}.roopm-glitch-text:before{color:#0ff;z-index:-1;animation:linear both rm2-glitch-cyan;animation-timeline:--rm2-card-tl;animation-range:entry 10% cover 60%}.roopm-glitch-text:after{color:#f0f;z-index:-2;animation:linear both rm2-glitch-magenta;animation-timeline:--rm2-card-tl;animation-range:entry 10% cover 60%}@keyframes rm2-glitch-main{0%{opacity:0;filter:drop-shadow(0 0 10px #fffc);transform:skew(20deg)}20%{opacity:1;transform:skew(-10deg)}40%{transform:skew(5deg)}60%{filter:drop-shadow(0 0 #0000);transform:skew(0)}to{transform:skew(0)}}@keyframes rm2-glitch-cyan{0%{clip-path:polygon(0 0,100% 0,100% 30%,0 30%);opacity:1;transform:translate(-15px,5px)}20%{clip-path:polygon(0 20%,100% 20%,100% 60%,0 60%);transform:translate(10px,-5px)}40%{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(-5px,2px)}60%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:0;transform:translate(0)}to{opacity:0}}@keyframes rm2-glitch-magenta{0%{clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%);opacity:1;transform:translate(15px,-5px)}20%{clip-path:polygon(0 40%,100% 40%,100% 80%,0 80%);transform:translate(-10px,5px)}40%{clip-path:polygon(0 0,100% 0,100% 40%,0 40%);transform:translate(5px,-2px)}60%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:0;transform:translate(0)}to{opacity:0}}.rm2-varfont-scene{view-timeline:--vf-scene-tl block;perspective:1000px;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 0;display:flex;position:relative}.rm2-vf-label{letter-spacing:.25em;text-transform:uppercase;color:var(--rm-text-muted);align-items:center;gap:8px;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(.72rem,1vw,.85rem);font-weight:700;animation:linear both rm2-vf-label-in;animation-timeline:--vf-scene-tl;animation-range:entry cover 25%;display:inline-flex}.rm2-vf-dot{background:var(--rm-accent-purple);width:4px;height:4px;box-shadow:0 0 10px var(--rm-accent-purple);border-radius:50%;display:inline-block}@keyframes rm2-vf-label-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.rm2-varfont-stage{justify-content:center;align-items:center;padding:.6rem 1.4rem;display:inline-flex;position:relative}.rm2-vf-bg-text{letter-spacing:.02em;background:linear-gradient(135deg,#00d4ff 0%,#6366f1 30%,#a855f7 60%,#f43f5e 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:blur(28px);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5.5vw,4.8rem);font-weight:800;line-height:1;animation:linear both rm2-fog-scroll;animation-timeline:--vf-scene-tl;animation-range:cover 15% cover 80%;display:flex;position:absolute;inset:0}@keyframes rm2-fog-scroll{0%{opacity:0;filter:blur(35px);background-position:0%;transform:scale(.88)}50%{opacity:.75;filter:blur(26px);background-position:100%;transform:scale(1.05)}to{opacity:.35;filter:blur(22px);background-position:50%;transform:scale(1)}}.rm2-varfont{font-variation-settings:"wght" 300;letter-spacing:.16em;z-index:2;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 25%,#c084fc 50%,#f472b6 75%,#38bdf8 100%) 0 0/250% 250%;-webkit-text-fill-color:transparent;will-change:transform, letter-spacing, font-variation-settings, filter, background-position;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.4rem,5.5vw,4.8rem);line-height:1;animation:linear both rm2-varfont-scroll-flow;animation-timeline:--vf-scene-tl;animation-range:cover 12% cover 75%;display:inline-block;position:relative}@keyframes rm2-varfont-scroll-flow{0%{font-variation-settings:"wght" 250;letter-spacing:.16em;opacity:.35;filter:drop-shadow(0 0 #0000);background-position:0%;transform:scale(.94)}40%{font-variation-settings:"wght" 550;letter-spacing:.08em;opacity:.9;filter:drop-shadow(0 0 18px #c084fc73);background-position:50%}75%{font-variation-settings:"wght" 780;letter-spacing:.03em;filter:drop-shadow(0 0 26px #c084fca6)drop-shadow(0 0 45px #38bdf859);background-position:85%;transform:scale(1.02)}to{font-variation-settings:"wght" 850;letter-spacing:.02em;opacity:1;filter:drop-shadow(0 0 22px #c084fc8c)drop-shadow(0 0 50px #818cf859);background-position:100%;transform:scale(1)}}[data-theme=light] .rm2-varfont{background:linear-gradient(135deg,#0284c7 0%,#4f46e5 26%,#7e22ce 52%,#be185d 78%,#0284c7 100%) 0 0/250% 250%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .rm2-vf-bg-text{background:linear-gradient(135deg,#0284c7,#6366f1,#a855f7);opacity:.2;filter:blur(24px);-webkit-background-clip:text;background-clip:text}.rm2-vf-particle{z-index:1;pointer-events:none;will-change:transform, opacity;position:absolute}.rm2-vf-particle.p1{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#38bdf8;width:6px;height:6px;animation:14s ease-in-out infinite alternate rm2-zen-drift-1;top:6%;left:0%;box-shadow:0 0 10px #38bdf8}.rm2-vf-particle.p2{background:#c084fc;border-radius:50%;width:5px;height:5px;animation:16s ease-in-out infinite alternate rm2-zen-drift-2;top:10%;right:2%;box-shadow:0 0 12px #c084fc}.rm2-vf-particle.p3{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#f472b6;width:5px;height:5px;animation:13s ease-in-out infinite alternate rm2-zen-drift-3;bottom:8%;left:4%;box-shadow:0 0 10px #f472b6}.rm2-vf-particle.p4{background:#818cf8;border-radius:50%;width:6px;height:6px;animation:15s ease-in-out infinite alternate rm2-zen-drift-4;bottom:4%;right:3%;box-shadow:0 0 14px #818cf8,0 0 25px #818cf866}.rm2-vf-particle.p5{background:#a5f3fc;border-radius:50%;width:4px;height:4px;animation:12s ease-in-out infinite alternate rm2-zen-drift-5;top:50%;left:-3%;box-shadow:0 0 8px #38bdf8}.rm2-vf-particle.p6{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#f43f5e;width:4px;height:4px;animation:13.5s ease-in-out infinite alternate rm2-zen-drift-6;top:52%;right:-3%;box-shadow:0 0 10px #f43f5e}@keyframes rm2-zen-drift-1{0%{opacity:.4;transform:translate(0)rotate(0)}50%{opacity:.9;transform:translate(-8px,-6px)rotate(45deg)}to{opacity:.5;transform:translate(6px,-4px)rotate(90deg)}}@keyframes rm2-zen-drift-2{0%{opacity:.5;transform:translate(0)scale(.9)}50%{opacity:.95;transform:translate(8px,-8px)scale(1.15)}to{opacity:.45;transform:translate(-5px,6px)scale(.85)}}@keyframes rm2-zen-drift-3{0%{opacity:.45;transform:translate(0)rotate(0)}50%{opacity:.9;transform:translate(-6px,8px)rotate(-45deg)}to{opacity:.5;transform:translate(6px,-4px)rotate(-90deg)}}@keyframes rm2-zen-drift-4{0%{opacity:.4;transform:translate(0)scale(.85)}50%{opacity:.95;transform:translate(9px,7px)scale(1.15)}to{opacity:.5;transform:translate(-6px,-7px)scale(.9)}}@keyframes rm2-zen-drift-5{0%{opacity:.35;transform:translate(0)}50%{opacity:.85;transform:translate(-7px,4px)}to{opacity:.4;transform:translate(4px,-6px)}}@keyframes rm2-zen-drift-6{0%{opacity:.4;transform:translate(0)rotate(0)}50%{opacity:.9;transform:translate(7px,-5px)rotate(45deg)}to{opacity:.45;transform:translate(-4px,6px)rotate(90deg)}}.roopm-kinetic-wrap{background:linear-gradient(135deg,#07070c,#0a0a14);border-radius:16px;align-items:center;min-height:180px;display:flex;position:relative;overflow:hidden}.roopm-kinetic-track{white-space:nowrap;color:#0000;-webkit-text-stroke:1.5px #00d4ff59;will-change:transform;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:800;animation:12s linear infinite rm2-kinetic-drift;display:flex}@keyframes rm2-kinetic-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.roopm-aurora-wrap{justify-content:center;align-items:center;width:100%;min-height:280px;display:flex;position:relative}.roopm-aurora-text{letter-spacing:-.02em;background:linear-gradient(-45deg,#f05,#00d4ff,#a855f7,#ffb800,#00d4ff,#f05) 0 0/400% 400%;color:#0000;z-index:2;filter:drop-shadow(0 0 20px #00d4ff4d);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:800;animation:linear both rm2-aurora-flow;animation-timeline:--rm2-card-tl;animation-range:entry cover;position:relative}.roopm-aurora-text:before{content:attr(data-text);z-index:-1;background:inherit;color:#0000;filter:blur(30px);opacity:.8;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes rm2-aurora-flow{0%{background-position:0%;transform:scale(.95)}50%{filter:drop-shadow(0 0 40px #a855f799);background-position:100%;transform:scale(1.05)}to{background-position:0%;transform:scale(1)}}.roopm-scatter-assemble{perspective:800px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6.5vw,5rem);font-weight:800;display:inline-flex}.roopm-scatter-assemble span{transform-style:preserve-3d;animation:linear both rm2-scatter-scroll;animation-timeline:--rm2-card-tl;animation-range:entry 10% cover 65%;display:inline-block}.roopm-scatter-assemble span:nth-child(odd){--rm-sign:1}.roopm-scatter-assemble span:nth-child(2n){--rm-sign:-1}@keyframes rm2-scatter-scroll{0%{transform:translate3d(calc(var(--rm-i,1) * 14px * var(--rm-sign,1)), calc(var(--rm-i,1) * -12px), calc(var(--rm-i,1) * -90px)) rotateY(calc(var(--rm-i,1) * 22deg));opacity:.1}to{opacity:1;transform:translate(0,0)rotateY(0)}}.roopm-cinematic-mask-wrap{background:var(--rm-bg-base);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:350px;display:flex;overflow:hidden}.roopm-cinematic-mask{letter-spacing:-.02em;color:#0000;filter:drop-shadow(0 10px 20px #000c);transform-origin:50%;background-image:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=1200);background-position:50%;background-size:150% 150%;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:1;animation:linear both rm2-cinematic-zoom;animation-timeline:--rm2-card-tl;animation-range:entry cover 80%}@keyframes rm2-cinematic-zoom{0%{filter:brightness(1.5)contrast(1.2)drop-shadow(0 0 #0000);background-position:0 0;transform:scale(4)translateY(20px)}to{filter:brightness()contrast()drop-shadow(0 10px 20px #000c);background-position:100% 100%;transform:scale(1)translateY(0)}}}@media (width<=900px){.roopm-bento-master{grid-template-columns:repeat(10,1fr);gap:14px}.rm-c1{grid-area:1/1/3/7;min-height:280px}.rm-c2{grid-area:1/7/auto/11;min-height:135px}.rm-c3{grid-area:2/7/auto/11;min-height:135px}.rm-c4{grid-area:4/1/auto/11;min-height:200px}.rm-c5{grid-area:3/1/auto/5;min-height:140px}.rm-c6{grid-area:3/5/auto/11;min-height:140px}.roopm-typewriter-container,.roopm-typewriter-box{text-align:center!important;justify-content:center!important}}@media (width<=768px){.roopm-nav-links{display:none}.roopm-span-2{grid-column:span 1}.roopm-horizontal-panel{width:85vw}.roopm-parallax-wrapper{height:300px!important}}@media (width>=2500px){.roopm-horizontal-section{height:auto}.roopm-horizontal-sticky{height:auto;position:relative;top:0}.roopm-horizontal-track{flex-wrap:wrap;justify-content:center;width:100%;padding:4rem 0;animation:none;transform:none!important}}@media (prefers-reduced-motion:reduce){.roopm-tw-word,.roopm-tw-caret,.roopm-frost-bg,.roopm-kinetic-track,.roopm-glow-orb,.roopm-continuous-float{animation:none!important}.roopm-tw-word:first-child{width:auto}.roopm-tw-word:not(:first-child){display:none}.roopm-animate,.roopm-text-effect span,[data-roopm-effect^=mask-],[data-roopm-effect^=reveal-],.roopm-scrub-rotate,.roopm-scrub-blur,.roopm-scrub-color{opacity:1!important;filter:none!important;clip-path:none!important;animation-duration:.01ms!important;animation-delay:0s!important;transform:none!important}}@supports not (animation-timeline:view()){.roopm-animate,.roopm-text-effect span,[data-roopm-effect^=mask-],[data-roopm-effect^=reveal-]{opacity:1!important;filter:none!important;clip-path:none!important;animation:none!important;transform:none!important}[data-tx-effect=aurora-wipe] span{-webkit-text-fill-color:var(--rm-text-main)!important}.roopm-tw-word{width:auto;animation:none;position:static}.roopm-tw-word:not(:first-child){display:none}.roopm-tw-caret{animation:none}.roopm-scrub-words span,.roopm-sf-fill,.roopm-depth-layer,.roopm-frost-pane,.roopm-dof,.roopm-iso,.roopm-t2i-label,.roopm-t2i-ui,.roopm-glitch-text,.rm2-varfont,.rm2-vf-bg-text,.rm2-vf-particle,.roopm-aurora-text,.roopm-scatter-assemble span,.roopm-cinematic-mask{opacity:1!important;filter:none!important;clip-path:none!important;stroke-dashoffset:0!important;animation:none!important;transform:none!important}.roopm-gen-text{fill:var(--rm-text-main);stroke:none}.roopm-glitch-text:before,.roopm-glitch-text:after{display:none}.roopm-t2i-ui{opacity:1}.rm2-varfont{font-variation-settings:"wght" 700;color:var(--rm-text-main)}.roopm-sf-fill{clip-path:none}.roopm-scrub-words span{opacity:1;color:var(--rm-text-main)}.roopm-parallax-inner{animation:none;transform:translateZ(0)scale(1.15)}.roopm-horizontal-section,.roopm-pin-container{height:auto}.roopm-horizontal-sticky,.roopm-pin{height:auto;position:relative;top:0;overflow:visible}.roopm-horizontal-track{flex-direction:column;gap:1rem;width:100%;padding:0;animation:none;transform:none!important}.roopm-horizontal-panel,.roopm-stack-card{width:100%;margin-bottom:1rem;animation:none;position:relative;top:0}}.welcome-page{background:var(--rm-bg-base);min-height:100vh;color:var(--rm-text-main);flex-direction:column;display:flex;position:relative;overflow-x:clip}#wp-grid-canvas{z-index:0;pointer-events:none;opacity:.2;mix-blend-mode:multiply;width:100vw;height:100vh;position:fixed;inset:0}.wp-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,4vw,4.5rem);width:100%;display:grid}.wp-hero-left{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.wp-hero-title{color:var(--rm-text-main);letter-spacing:-.03em!important;text-align:left!important;font-family:Space Grotesk,system-ui,sans-serif!important;font-size:clamp(1.85rem,3.2vw,2.85rem)!important;font-weight:800!important;line-height:1.18!important}.wp-hero-desc{text-align:left!important;align-self:flex-start!important;max-width:48ch!important;margin:1.2rem 0 2rem!important;font-size:clamp(.95rem,1.15vw,1.05rem)!important;line-height:1.7!important}.wp-hero-actions{flex-wrap:wrap;align-self:flex-start;gap:12px;display:flex}.wp-hero-btn{padding:.75rem 1.75rem!important;font-size:.88rem!important}.wp-hero-right{width:100%;max-width:420px;margin:0 auto;position:relative}.wp-launcher-card{-webkit-backdrop-filter:blur(24px);background:#0e0e18d9;border:1px solid #ffffff1a;border-radius:18px;padding:1.4rem 1.5rem;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 20px 50px -15px #0009}[data-theme=light] .wp-launcher-card{background:#fffffff2;border-color:#7c3aed29;box-shadow:0 20px 45px -15px #643cb41f}.wp-launcher-card:hover{border-color:#7c3aed4d;box-shadow:0 20px 50px -15px #7c3aed33}.wp-launcher-header{border-bottom:1px solid var(--rm-border);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:10px;display:flex}.wp-launcher-indicator{background:var(--rm-accent-green);width:8px;height:8px;box-shadow:0 0 8px var(--rm-accent-green);border-radius:50%}.wp-launcher-body{flex-direction:column;gap:.85rem;display:flex}.wp-input-group{flex-direction:column;gap:4px;display:flex}.wp-input-label{letter-spacing:.05em;text-transform:uppercase;color:var(--rm-text-muted);font-size:.7rem;font-weight:700}.wp-input-field{border:1px solid var(--rm-border);width:100%;color:var(--rm-text-main);background:#ffffff0a;border-radius:9px;outline:none;padding:8px 12px;font-family:inherit;font-size:.86rem;transition:border-color .25s,box-shadow .25s}[data-theme=light] .wp-input-field{background:#f8f6fc;border-color:#7c3aed26}.wp-input-field:focus{border-color:var(--rm-accent-purple);box-shadow:0 0 0 3px #7c3aed2e}.wp-preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.wp-preset-btn{border:1px solid var(--rm-border);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}[data-theme=light] .wp-preset-btn{background:#f8f6fc}.wp-preset-btn:hover{border-color:var(--rm-accent-purple);background:#7c3aed0f}.wp-preset-btn.active{border-color:var(--rm-accent-purple);background:#7c3aed26}.wp-preset-title{color:var(--rm-text-main);font-size:.75rem;font-weight:600}.wp-preset-btn.active .wp-preset-title{color:var(--rm-accent-purple)}.wp-custom-dim-wrapper{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .3s,margin .3s;overflow:hidden}.wp-custom-dim-wrapper.show{opacity:1;max-height:60px;margin-top:4px}.wp-custom-dim-row{align-items:center;gap:8px;display:flex}.wp-dim-input-wrap{border:1px solid var(--rm-border);background:#ffffff0a;border-radius:8px;flex:1;align-items:center;padding:2px 8px;transition:border-color .25s;display:flex}[data-theme=light] .wp-dim-input-wrap{background:#f8f6fc;border-color:#7c3aed26}.wp-dim-input-wrap:focus-within{border-color:var(--rm-accent-purple)}.wp-dim-tag{color:var(--rm-text-muted);margin-right:6px;font-size:.72rem;font-weight:700}.wp-dim-input{width:100%;color:var(--rm-text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:.84rem;font-weight:600}.wp-dim-x{color:var(--rm-text-muted);font-size:.85rem;font-weight:700}.wp-launcher-footer{color:var(--rm-text-muted);border-top:1px solid var(--rm-border);justify-content:space-between;padding-top:6px;font-size:.68rem;display:flex}.wp-demo-wrapper{background:var(--rm-bg-card);flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.wp-footer{z-index:2;background:var(--rm-bg-base);padding:2.2rem 0;position:relative}@media (width<=900px){.wp-hero-grid{grid-template-columns:1fr;gap:2.5rem}.wp-hero-left{text-align:center;align-items:center}.roopm-typewriter-container{justify-content:center!important}.wp-hero-title,.wp-hero-desc{text-align:center!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important}.wp-hero-actions{justify-content:center;align-self:center}.wp-hero-right{max-width:380px}}.tp-gallery{scrollbar-width:thin;gap:1.25rem;padding:.5rem 0 1.25rem;display:flex;overflow-x:auto}.tp-card{cursor:pointer;flex-shrink:0;width:230px;padding:10px!important}.tp-preview{border:1px solid var(--rm-border);background:#f1ecfc 50%/cover no-repeat;border-radius:12px;width:100%;height:160px;position:relative}.tp-projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.tp-modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0a1873;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-navigator{z-index:39;background:var(--bg-secondary,#1a1d23);border-top:1px solid #ffffff0f;align-items:center;gap:6px;min-height:52px;padding:6px 12px;display:flex;position:fixed;bottom:100px;left:0;right:0;overflow:hidden}@media (width>=768px){.page-navigator{bottom:40px;left:var(--sidebar-width,280px)}}.page-nav-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:8px;padding:2px 0;display:flex;overflow:auto hidden}.page-nav-scroll::-webkit-scrollbar{display:none}.page-thumb{cursor:pointer;background:#2a2d35;border:2px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;max-width:48px;height:38px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.page-thumb:hover{border-color:#6384ff66;transform:translateY(-1px)}.page-thumb.active{border-color:#6384ff;box-shadow:0 0 8px #6384ff4d}.page-thumb-label{color:#ffffffb3;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700}.page-thumb.active .page-thumb-label{color:#fff}.page-thumb-actions{align-items:center;gap:2px;display:none;position:absolute;top:-5px;right:-5px}.page-thumb:hover .page-thumb-actions{display:flex}.page-thumb-delete,.page-thumb-dup{color:#fff;cursor:pointer;border:1px solid #0000004d;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;line-height:1;display:flex}.page-thumb-delete{background:#e53e3e}.page-thumb-delete:hover{color:#ef4444;background:#fee2e2}.page-thumb-dup{background:#4f46e5;border-radius:4px}.page-thumb-dup:hover{color:#4338ca;background:#e0e7ff}.page-nav-add{color:#ffffff80;cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;transition:all .2s;display:flex}.page-nav-add:hover{color:#6384ff;background:#6384ff14;border-color:#6384ff}.ai-panel{z-index:2000;background:#13151a;border-left:1px solid #ffffff14;flex-direction:column;width:340px;height:100dvh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-360px;box-shadow:-4px 0 20px #0006}.ai-panel.open{right:0}.ai-panel-header{background:linear-gradient(135deg,#6384ff14,#8b5cf614);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ai-panel-title{color:#e0e4ef;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.ai-panel-title svg{color:#6384ff}.ai-panel-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;transition:color .2s}.ai-panel-close:hover{color:#ff6b6b}.ai-variables-section{border-bottom:1px solid #ffffff0f;padding:8px 14px}.ai-section-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 0;font-size:11px;font-weight:600;display:flex}.ai-section-label:hover{color:#ffffffb3}.ai-section-label svg{transition:transform .2s}.ai-variables-section.collapsed .ai-section-label svg{transform:rotate(-90deg)}.ai-variables-section.collapsed .ai-variables-grid{display:none}.ai-variables-grid{grid-template-columns:1fr 1fr;gap:6px;padding-top:6px;display:grid}.ai-var-input{color:#e0e4ef;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;outline:none;width:100%;padding:6px 8px;font-size:11px;transition:border-color .2s}.ai-var-input:focus{border-color:#6384ff}.ai-var-input::placeholder{color:#ffffff40;font-size:10px}.ai-quick-actions{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.ai-quick-btn{color:#a0b4ff;cursor:pointer;white-space:nowrap;background:#6384ff14;border:1px solid #6384ff40;border-radius:14px;padding:5px 10px;font-size:11px;transition:all .2s}.ai-quick-btn:hover{color:#c5d2ff;background:#6384ff2e;border-color:#6384ff80}.ai-chat-messages{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.ai-msg{align-items:flex-start;gap:8px;display:flex}.ai-msg-icon{justify-content:center;align-items:center;min-width:24px;height:24px;font-size:14px;display:flex}.ai-msg-text{color:#c8cdd8;word-break:break-word;background:#ffffff0a;border-radius:8px;max-width:100%;padding:8px 10px;font-size:12px;line-height:1.5}.ai-msg-user .ai-msg-text{color:#d4dfff;background:#6384ff1f}.ai-msg-loading .ai-msg-text{color:#fff6;font-style:italic}.ai-chat-input-wrap{border-top:1px solid #ffffff14;align-items:flex-end;gap:6px;padding:10px 14px;display:flex}.ai-chat-input{color:#e0e4ef;resize:none;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;min-height:36px;max-height:100px;padding:8px 10px;font-family:inherit;font-size:12px;transition:border-color .2s}.ai-chat-input:focus{border-color:#6384ff}.ai-chat-input::placeholder{color:#ffffff40}.ai-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6384ff,#8b5cf6);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s,transform .15s;display:flex}.ai-send-btn:hover{opacity:.9;transform:scale(1.05)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (width<=768px){.ai-panel{width:100vw;right:-100vw}}.ai-toggle-btn{color:#a0b4ff;cursor:pointer;background:linear-gradient(135deg,#6384ff1a,#8b5cf61a);border:1px solid #6384ff4d;border-radius:16px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ai-toggle-btn:hover{color:#c5d2ff;background:linear-gradient(135deg,#6384ff33,#8b5cf633);border-color:#6384ff80}:root{--clr-bg:#f0f2f5;--clr-surface:#fff;--clr-surface-raised:#f8f9fb;--clr-border:#e2e5ea;--clr-border-light:#eef0f3;--clr-text-primary:#1a1d23;--clr-text-secondary:#5f6673;--clr-text-muted:#8d94a0;--clr-accent:#4f46e5;--clr-accent-hover:#4338ca;--clr-accent-soft:#4f46e514;--clr-accent-active:#4f46e526;--clr-canvas-bg:#e8eaee;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-canvas:0 2px 20px #0000001f;--sidebar-width:280px;--toolbar-height:48px;--action-bar-height:56px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "Noto Sans Gujarati", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--clr-bg);color:var(--clr-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.5}body{overflow:hidden}body.page-welcome{overflow:hidden auto}.hidden{display:none!important}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.secondary-toolbar-wrapper{z-index:50;pointer-events:none;align-items:flex-start;display:flex;position:absolute;top:5px;left:5px;right:5px}.secondary-toolbar{-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#ffffffd9;border:1px solid #fff6;border-radius:12px;align-items:center;gap:0;max-width:100%;padding:4px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #00000014}.dark-mode .secondary-toolbar{background:#1e293bd9;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d}.secondary-toolbar.expanded{gap:4px;padding:6px;box-shadow:0 8px 32px #0000001f}.dark-mode .secondary-toolbar.expanded{box-shadow:0 8px 32px #0006}.secondary-toolbar-expanded-content{opacity:0;visibility:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:4px;width:0;max-width:0;transition:max-width .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;overflow:auto hidden}.secondary-toolbar-expanded-content::-webkit-scrollbar{display:none}.secondary-toolbar.expanded .secondary-toolbar-expanded-content{flex:0 1 max-content;opacity:1;visibility:visible;width:auto;max-width:calc(100vw - 120px);padding-left:4px;padding-right:4px}.tool-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.tool-btn:hover{color:#4f46e5;background:#6366f11a}.tool-btn.active{color:#fff;background:#6366f1;box-shadow:0 2px 6px #6366f166}.dark-mode .tool-btn.active{color:#1e1e24;background:#818cf8}.tool-btn svg{width:18px;height:18px}.secondary-toolbar-toggle .toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.secondary-toolbar.expanded .secondary-toolbar-toggle .toggle-icon{transform:rotate(180deg)}.tool-separator{background:#0000001a;flex-shrink:0;width:1px;height:24px;margin:0 4px}.dark-mode .tool-separator{background:#ffffff1a}.shape-tool-group{align-items:center;display:flex;position:relative}.shape-tool-group.active #main-shape-btn{box-shadow:none;border-top-right-radius:0;border-bottom-right-radius:0}.tool-btn-dropdown{cursor:pointer;color:#64748b;background:0 0;border:none;border-left:1px solid #00000014;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:24px;height:38px;margin-left:1px;padding:0;transition:background .2s;display:flex}.dark-mode .tool-btn-dropdown{border-left:1px solid #ffffff14}.shape-tool-group.active .tool-btn-dropdown{color:#4f46e5;background:#6366f126}.mru-group{opacity:1;visibility:visible;align-items:center;width:auto;transition:width .3s,margin .3s,opacity .3s,padding .3s,visibility .3s;display:flex;position:relative;overflow:hidden}.mru-group.hidden{opacity:0;visibility:hidden;border:none;width:0;margin:0;padding:0}.mru-btn{width:38px;transition:all .15s}.secondary-toolbar.expanded .mru-group{display:none}.mru-dropdown-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-left:1px solid #00000014;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:24px;height:38px;margin-left:1px;padding:0;transition:background .2s,width .2s;display:flex}.dark-mode .mru-dropdown-btn{border-left:1px solid #ffffff14}.mru-group.active .mru-dropdown-btn{color:#4f46e5;background:#6366f126}.mru-dropdown-btn:hover{color:#4338ca;background:#6366f114}.mru-dropdown-btn.hidden{width:0;display:none}.shape-dropdown-panel{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:4px;width:112px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shape-dropdown-panel.hidden{display:none}.shape-option{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s;display:flex}.shape-option:hover{color:#4f46e5;background:#6366f11a}.dark-mode .shape-dropdown-panel{background:#1e293b;border-color:#334155}.editor-layout{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.editor-body{flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=767px){.editor-body{flex-direction:column}}.toolbar{height:var(--toolbar-height);background:var(--clr-surface);border-bottom:1px solid var(--clr-border-light);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-left{flex:1;min-width:0}.toolbar-right{flex-shrink:0;position:relative}.toolbar-project-name{color:var(--clr-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-right:8px;font-size:13px;font-weight:600;overflow:hidden}.toolbar-btn{border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:5px;min-height:34px;padding:6px 12px;line-height:1;display:inline-flex}.toolbar-btn-back{color:var(--clr-text-secondary);border-radius:var(--radius-sm);background:0 0;padding:6px}.toolbar-btn-back:hover{background:var(--clr-accent-soft);color:var(--clr-accent)}.toolbar-btn-primary{background:var(--clr-accent);color:#fff;box-shadow:0 2px 8px #4f46e540}.toolbar-btn-primary:hover{background:var(--clr-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.toolbar-btn-primary:active{transform:translateY(0)}.toolbar-btn-export{border-radius:var(--radius-sm);padding:5px 10px;font-size:11px;font-weight:700}.toolbar-btn-png{color:#fff;background:#059669}.toolbar-btn-png:hover{background:#047857}.toolbar-btn-png-arrow{color:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#047857;border-left:1px solid #fff3;padding:5px 6px}.toolbar-btn-png-arrow:hover{background:#064e3b}.toolbar-btn-pdf{color:#fff;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:#2563eb}.toolbar-btn-pdf:hover{background:#1d4ed8}.toolbar-btn-pdf-arrow{color:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#1e40af;border-left:1px solid #fff3;padding:5px 6px}.toolbar-btn-pdf-arrow:hover{background:#1e3a8a}.toolbar-split-btn{border-radius:var(--radius-sm);align-items:stretch;gap:0;display:inline-flex;overflow:hidden;box-shadow:0 1px 4px #0000001a}.toolbar-split-btn .toolbar-btn{border-radius:0;margin:0}@media (width<=360px){.btn-label{display:none}}@keyframes dropdownSlideFade{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pdf-settings-dropdown{z-index:100;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);transform-origin:100% 0;background:#fffffff5;border:1px solid #fff;min-width:290px;max-width:calc(100vw - 32px);max-height:80vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards dropdownSlideFade;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 48px -12px #2563eb26,0 4px 12px #0000000f,0 0 1px #0000001a}.pdf-settings-dropdown.hidden{display:none!important}.pdf-settings-title{color:var(--clr-text-primary);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--clr-border-light);background:linear-gradient(to right, var(--clr-accent-soft), transparent);align-items:center;gap:6px;margin:0;padding:14px 18px 10px;font-size:11px;font-weight:800;display:flex}.pdf-settings-body{flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex}.pdf-label{color:var(--clr-text-muted);font-size:11px;font-weight:600}.pdf-sizes-group{flex-direction:column;gap:2px;display:flex}.pdf-size-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--clr-text-secondary);align-items:center;gap:6px;padding:5px 8px;font-size:12px;transition:background .15s;display:flex}.pdf-size-option:hover{background:var(--clr-surface-raised)}.pdf-size-active{color:#2563eb;background:#2563eb14;font-weight:600}.pdf-dim{color:var(--clr-text-muted);font-size:11px}.pdf-toggle-row{color:var(--clr-text-muted);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.pdf-toggle-row input[type=checkbox]{accent-color:#2563eb}.pdf-extra-sizes{border-left:2px solid var(--clr-border);flex-direction:column;gap:2px;padding-left:8px;display:flex}.pdf-scale-section{border-top:1px solid var(--clr-border-light);flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;display:flex}.pdf-scale-label{color:var(--clr-text-muted);text-transform:uppercase;font-size:10px}.pdf-scale-opt{color:var(--clr-text-secondary);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.pdf-margins-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.pdf-margin-item{align-items:center;gap:4px;display:flex}.pdf-margin-item span{color:var(--clr-text-muted);text-align:center;width:14px;font-size:10px}.pdf-margin-item input{border:1px solid var(--clr-border);text-align:center;width:100%;font-size:12px;font-family:var(--font-sans);border-radius:4px;padding:4px 6px}.pdf-checkbox-row{color:var(--clr-text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.pdf-checkbox-row input{accent-color:#2563eb}.pdf-export-final-btn{justify-content:center;width:100%;margin-top:4px}.sidebar{background:var(--clr-surface);z-index:50;border-radius:var(--radius-lg) var(--radius-lg) 0 0;will-change:height;flex-direction:column;flex-shrink:0;height:56px;transition:height .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -2px 12px #00000014}.sidebar.open{height:50vh;box-shadow:0 -4px 24px #00000026}@media (width>=768px){.sidebar{z-index:auto;width:var(--sidebar-width);border-top:none;border-right:1px solid var(--clr-border);height:100%;min-height:100%;max-height:100%;box-shadow:none;border-radius:0;order:0;transition:none;position:static;bottom:auto;left:auto;right:auto}.sidebar.open{height:100%;box-shadow:none}}.sidebar-tabs{flex-shrink:0;display:flex}.sidebar-tabs.bottom-tabs{border-top:1px solid var(--clr-border-light);background:var(--clr-surface);z-index:2;height:56px;position:absolute;bottom:0;left:0;right:0}@media (width>=768px){.sidebar-tabs{display:none}}.sidebar-tab-btn{min-height:56px;color:var(--clr-text-muted);cursor:pointer;transition:all var(--transition);font-size:11px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 0;display:flex}.sidebar-tab-btn.active{color:var(--clr-accent)}.sidebar-tab-panel{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:none;overflow:hidden auto}.sidebar-tab-panel.active{flex-direction:column;display:flex;position:absolute;inset:0 0 56px;overflow-y:auto}@media (width>=768px){.sidebar-tab-panel{flex-direction:column;position:static;display:flex!important}}.sidebar-section{padding:14px 16px}.sidebar-section+.sidebar-section{border-top:1px solid var(--clr-border-light)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--clr-text-secondary);margin-bottom:12px;font-size:11px;font-weight:800}.sidebar-placeholder{text-align:center;color:var(--clr-text-muted);border:1px dashed var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface-raised);flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:20px 16px;font-size:12px;display:flex}.placeholder-label{color:var(--clr-text-secondary);font-weight:600}.placeholder-hint{color:var(--clr-text-muted);margin-top:4px;font-size:11px}.objects-list{max-height:190px;margin-top:6px;list-style:none;overflow-y:auto}.objects-list li{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--clr-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;padding:8px 12px;font-size:12px;font-weight:500;overflow:hidden}.objects-list li:hover{background:var(--clr-accent-soft);color:var(--clr-text-primary)}.objects-list li.active{background:var(--clr-accent-active);color:var(--clr-accent);font-weight:600}.controls-container{flex-direction:column;gap:12px;display:flex}.control-group{grid-template-columns:60px 1fr;align-items:center;gap:12px 10px;margin-bottom:8px;display:grid}.control-label{text-transform:uppercase;letter-spacing:.5px;color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;padding-top:8px;font-size:10px;font-weight:700;overflow:hidden}.dual-input{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mini-input{align-items:center;gap:4px;display:flex}.mini-input span{color:var(--clr-text-muted);text-align:center;flex-shrink:0;width:14px;font-family:monospace;font-size:11px}.mini-input input{text-align:center;border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;height:30px;font-size:12px;font-family:var(--font-sans);background:var(--clr-surface);color:var(--clr-text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none}.mini-input input:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.action-btns{gap:6px;display:flex}.btn-action{border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);transition:all var(--transition);border:1px solid;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.btn-action-primary{background:var(--clr-accent-soft);color:var(--clr-accent);border-color:#4f46e533}.btn-action-primary:hover{background:#4f46e526}.btn-action-danger{color:#ef4444;background:#ef44440f;border-color:#ef444433}.btn-action-danger:hover{background:#ef44441f}.style-toggle-group{background:0 0;flex-wrap:wrap;align-items:center;gap:4px;width:100%;padding:0;display:flex}.style-toggle-btn{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);min-width:32px;height:30px;color:var(--clr-text-secondary);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:0 8px;line-height:1;display:inline-flex}.style-toggle-btn.active{background:var(--clr-accent-soft);color:var(--clr-accent);border-color:var(--clr-accent);box-shadow:none;font-weight:600}.style-toggle-btn:active{transform:scale(.96)}.style-toggle-btn strong{font-size:14px;font-weight:800}.style-toggle-btn em{font-size:14px;font-style:italic;font-weight:600}.cell-border-grid{flex-wrap:wrap;gap:4px;display:flex}.cell-border-btn{flex:none;width:32px;min-width:32px;height:32px;padding:0}.cell-border-btn svg{pointer-events:none}.table-styles-gallery{flex-wrap:wrap;gap:6px;max-height:180px;padding:2px;display:flex;overflow-y:auto}.table-style-category{width:100%;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:10px;font-weight:700}.table-style-thumb{cursor:pointer;background:var(--clr-surface);border:2px solid #0000;border-radius:4px;padding:1px;transition:border-color .15s,transform .15s}.table-style-thumb:hover{border-color:var(--clr-accent);transform:scale(1.05)}.table-style-thumb.active{border-color:var(--clr-accent);box-shadow:0 0 0 2px var(--clr-accent-soft)}.text-controls{border-top:1px solid var(--clr-border-light);flex-direction:column;gap:12px;padding-top:12px;display:flex}.input-with-buttons{border-radius:var(--radius-sm);background:var(--clr-surface-raised);transition:border-color var(--transition);border:1px solid #0000;display:flex;overflow:hidden}.input-with-buttons:focus-within{border-color:var(--clr-border)}.btn-stepper{cursor:pointer;width:32px;min-height:32px;color:var(--clr-text-secondary);transition:color var(--transition), background var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.btn-stepper:hover{color:var(--clr-text-primary);background:#0000000a}.stepper-input{text-align:center;min-width:0;height:32px;font-size:12px;font-weight:600;font-family:var(--font-sans);color:var(--clr-text-primary);background:0 0;border:none;border-radius:0;outline:none;flex:1}.stepper-input:focus{box-shadow:none}.color-group{grid-template-columns:60px auto 1fr}.control-color{appearance:none;cursor:pointer;width:28px;height:28px;transition:transform var(--transition);background:0 0;border:1px solid #0000001a;border-radius:50%;padding:0;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.control-color:hover{transform:scale(1.05)}.control-color::-webkit-color-swatch-wrapper{padding:0}.control-color::-webkit-color-swatch{border:none;border-radius:50%}.control-color::-moz-color-swatch{border:none;border-radius:50%}.control-select{border-radius:var(--radius-sm);width:100%;font-size:12px;font-weight:500;font-family:var(--font-sans);background:var(--clr-surface-raised);color:var(--clr-text-primary);height:32px;transition:border-color var(--transition);cursor:pointer;border:1px solid #0000;border-right-width:8px;outline:none;padding:0 10px}.control-select:hover,.control-select:focus{border-color:var(--clr-border)}.control-range{background:var(--clr-border);appearance:none;cursor:pointer;width:100%;height:6px;accent-color:var(--clr-accent);border-radius:6px}.control-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--clr-accent);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #fff;border-radius:50%}.toggle-switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-switch input{display:none}.toggle-track{background:var(--clr-border);border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.toggle-track:after{content:"";background:#fff;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:var(--clr-accent)}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.toggle-text{color:var(--clr-text-muted);font-size:11px}.arrange-section{border-top:1px solid var(--clr-border-light);flex-direction:column;gap:12px;padding-top:12px;display:flex}.arrange-title{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.canvas-main{min-height:0;padding-bottom:var(--action-bar-height);flex-direction:column;flex:1;order:1;display:flex;overflow:hidden}@media (width>=768px){.canvas-main{padding-bottom:0}}.canvas-container{background:var(--clr-canvas-bg);flex:1;min-height:0;position:relative;overflow:hidden}.editor-canvas{box-shadow:var(--shadow-canvas);background:#fff;border:1px solid #0000000f;border-radius:4px;flex-shrink:0;position:absolute;top:0;left:0}.hidden-textarea{opacity:0;width:0;height:0;position:absolute;top:-9999px;left:-9999px}.text-context-menu{z-index:200;background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--clr-border);flex-direction:row;gap:2px;padding:4px;display:flex;position:fixed}.ctx-btn{border-radius:var(--radius-sm);color:var(--clr-text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:6px 10px;display:flex}.ctx-btn:hover{background:var(--clr-accent-soft);color:var(--clr-accent)}.canvas-ctx-menu{z-index:210;background:var(--clr-surface);border:1px solid var(--clr-border);-webkit-backdrop-filter:blur(12px);transform-origin:top;border-radius:14px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.15s ease-out canvasCtxIn;display:flex;position:fixed;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014}@keyframes canvasCtxIn{0%{opacity:0;transform:scale(.93)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.canvas-ctx-title{letter-spacing:.7px;text-transform:uppercase;color:var(--clr-text-muted);padding:4px 8px 2px;font-size:10px;font-weight:700}.canvas-ctx-btn{color:var(--clr-text-primary);font-size:13px;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.canvas-ctx-btn svg{color:var(--clr-accent);flex-shrink:0}.canvas-ctx-btn:hover{background:var(--clr-accent-soft);color:var(--clr-accent)}.canvas-ctx-btn:active{transform:scale(.97)}.floating-action-bar{z-index:100;background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--clr-border);gap:4px;padding:4px;display:flex;position:fixed}.fab-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--clr-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.fab-btn:hover{background:var(--clr-accent-soft);color:var(--clr-accent)}.bottom-toolbar{z-index:40;background:var(--clr-surface);border-top:1px solid var(--clr-border-light);justify-content:space-between;align-items:center;height:44px;padding:4px 12px;display:flex;position:fixed;bottom:56px;left:0;right:0;box-shadow:0 -1px 4px #0000000a}@media (width>=768px){.bottom-toolbar{bottom:0;left:var(--sidebar-width);height:40px;box-shadow:none;border-top:1px solid var(--clr-border-light);padding:4px 10px;position:fixed;right:0}}.bottom-toolbar-group{align-items:center;gap:2px;display:flex}.bottom-tb-btn{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--clr-text-secondary);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bottom-tb-btn:hover{background:var(--clr-accent-soft);color:var(--clr-accent)}.bottom-tb-btn:active{background:var(--clr-accent-active)}.ai-toggle-btn{background:linear-gradient(135deg, var(--clr-accent) 0%, #8a2be2 100%);color:#fff;cursor:pointer;height:32px;transition:all var(--transition);border:none;border-radius:16px;align-items:center;gap:6px;margin:0 8px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8a2be24d}.ai-toggle-btn:hover{background:linear-gradient(135deg, var(--clr-accent-hover) 0%, #7c24cc 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8a2be266}.zoom-level-display{min-width:40px;height:30px;color:var(--clr-text-muted);justify-content:center;align-items:center;padding:0 2px;font-size:11px;font-weight:600;display:flex}.editor-layout select,.editor-layout input[type=number],.editor-layout input[type=text]{border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;font-size:12px;font-family:var(--font-sans);background:var(--clr-surface);color:var(--clr-text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;min-height:34px;padding:6px 10px}.editor-layout select:focus,.editor-layout input:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.editor-layout input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-layout input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor-layout input[type=number]{appearance:textfield}.editor-not-found{height:100vh;color:var(--clr-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}#objects-list{-webkit-user-select:none;user-select:none;max-height:260px;margin-top:6px;padding:0;list-style:none;position:relative;overflow-y:auto}.layer-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--clr-text-secondary);border:1px solid #0000;align-items:center;gap:6px;margin-bottom:1px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.layer-item:hover{background:var(--clr-surface-raised)}.layer-item.active{background:var(--clr-accent-soft);color:var(--clr-accent);border-color:#4f46e52e;font-weight:600}.layer-item.parent-active{background:#4f46e50a}.layer-icon-btn{cursor:pointer;width:22px;height:22px;color:var(--clr-text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.layer-icon-btn:hover{background:var(--clr-border-light);color:var(--clr-text-secondary)}.layer-content{text-overflow:ellipsis;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;align-items:center;gap:4px;min-width:0;padding:2px 4px;font-size:12px;transition:background .15s;display:flex;overflow:hidden}.layer-content:active{cursor:grabbing}.layer-content:hover{background:#0000000a}.layer-chevron{width:16px;height:16px;color:var(--clr-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-dot{border:2px solid var(--clr-border);background:0 0;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:auto;transition:all .15s}.layer-dot:hover{border-color:var(--clr-text-muted)}.layer-dot.active{background:var(--clr-accent);border-color:var(--clr-accent)}.layer-marquee{pointer-events:none;z-index:50;background:#4f46e514;border:1px solid #4f46e599;border-radius:2px;position:absolute}#properties-controls-container{flex-direction:column;gap:12px;display:flex}#text-controls-specifics{border-top:1px solid var(--clr-border-light);flex-direction:column;gap:12px;padding-top:12px;display:flex}@media (width<=767px){.canvas-main{padding-bottom:100px}}@media (width>=768px){.canvas-main{padding-bottom:44px}}.debug-console{z-index:9999;color:#e2e8f0;background:#1a1d24;border-top:2px solid #4f46e5;flex-direction:column;max-height:200px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;display:flex;position:fixed;bottom:40px;left:0;right:0}@media (width>=768px){.debug-console{left:var(--sidebar-width)}}.debug-console-header{background:#2a2e38;border-bottom:1px solid #3a3f4c;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.debug-title{color:#a5b4fc;font-size:11px;font-weight:600}.debug-actions{gap:4px;display:flex}.debug-btn{color:#c7d0e0;cursor:pointer;background:#3a3f4c;border:1px solid #4a5060;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:10px;transition:background .15s}.debug-btn:hover{color:#fff;background:#4f46e5}.debug-console-output{flex:1;max-height:160px;padding:4px 8px;line-height:1.4;overflow-y:auto}.debug-console-output .log-entry{word-break:break-all;border-bottom:1px solid #ffffff0a;padding:1px 0}.debug-console-output .log-entry .log-time{color:#6b7280;margin-right:6px}.debug-console-output .log-entry .log-type{margin-right:4px;font-weight:600}.debug-console-output .log-entry .log-type.comp-start{color:#fbbf24}.debug-console-output .log-entry .log-type.comp-end{color:#34d399}.debug-console-output .log-entry .log-type.input{color:#60a5fa}.debug-console-output .log-entry .log-type.key{color:#f472b6}.debug-console-output .log-entry .log-type.error{color:#f87171}.debug-console.collapsed .debug-console-output{display:none}.style-toggle-group{background:#0000000a;border-radius:6px;gap:2px;width:100%;padding:2px;display:flex}.style-toggle-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:1;padding:5px 6px;font-size:11px;font-weight:500;transition:all .15s}.style-toggle-btn:hover{color:#4338ca;background:#6366f114}.style-toggle-btn.active{color:#fff;background:#6366f1;box-shadow:0 1px 2px #6366f140}.control-range{appearance:none;background:#e2e8f0;border-radius:2px;outline:none;width:100%;height:4px;margin:4px 0}.control-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.control-range::-moz-range-thumb{cursor:pointer;background:#6366f1;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.btn-action{color:#334155;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s}.btn-action:hover{background:#f8fafc;border-color:#cbd5e1}.btn-action-primary{color:#fff;background:#6366f1;border-color:#6366f1}.btn-action-primary:hover{background:#4f46e5;border-color:#4f46e5}.shape-controls,.image-controls,.path-controls{border-bottom:1px solid #0000000f;margin-bottom:4px;padding-bottom:8px}@media (width<=768px){.tool-palette{gap:1px;margin-left:6px}.tool-btn{width:28px;height:28px}.tool-btn svg{width:14px;height:14px}}.text-effect-group{flex-direction:column;gap:4px}.text-effect-controls{flex-direction:column;gap:2px;width:100%;display:flex}.text-effect-detail{background:#6366f10a;border:1px solid #6366f11a;border-radius:8px;flex-direction:column;gap:6px;padding:8px;animation:.2s ease-out effectSlideIn;display:flex}@keyframes effectSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mini-row{color:#64748b;align-items:center;gap:6px;font-size:10px;display:flex}.mini-row>span:first-child{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;min-width:42px;font-weight:500}.effect-range{appearance:none;background:#e2e8f0;border-radius:2px;outline:none;flex:1;height:3px}.effect-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0003}.effect-range::-moz-range-thumb{cursor:pointer;background:#6366f1;border:none;border-radius:50%;width:12px;height:12px}.effect-val{text-align:right;color:#6366f1;min-width:24px;font-size:10px;font-weight:600;font-family:var(--font-mono,monospace)}.effect-color{border-radius:4px!important;width:28px!important;height:22px!important;min-height:auto!important;padding:1px!important}.controls-container{flex-direction:column;gap:10px;width:100%;display:flex}.control-group{box-sizing:border-box;grid-template-columns:68px 1fr;align-items:center;gap:8px 10px;width:100%;margin-bottom:4px;display:grid}.control-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap;align-self:center;font-size:10px;font-weight:700}.control-group.compound-group{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:8px;display:flex}.control-group.compound-group>.control-label{align-self:flex-start;padding-top:0}.text-controls,.shape-controls,.image-controls,.path-controls,.table-controls,#table-cell-controls-specifics{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:10px;display:flex}.action-btns,.action-btns-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.cell-border-grid{grid-template-columns:repeat(5,1fr);gap:4px;width:100%;display:grid}.cell-border-btn{width:auto!important;height:30px!important;padding:0!important}.text-effect-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:8px 10px;display:flex}.mini-row{align-items:center;gap:8px;font-size:11px;display:flex}.mini-row>span:first-child{color:#94a3b8;text-transform:uppercase;min-width:44px;font-size:10px;font-weight:700}.effect-val{text-align:right;color:#6366f1;min-width:24px;font-size:10px;font-weight:600}