.far-out-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;background:color-mix(in srgb,var(--_v0) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--_v8);color:var(--_vb);font-family:Comico,Georgia,serif;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap;cursor:pointer;overflow:hidden;transition:color .3s,border-color .3s,background .3s}.far-out-text{position:relative;z-index:2;pointer-events:none}.far-out-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;opacity:0;transition:opacity .4s ease;pointer-events:none;background:conic-gradient(from var(--glow-angle, 0deg),var(--_v3),#f5a623,#e85d75,#a855f7,#3b82f6,#22d3ee,#10b981,#f5a623,var(--_v3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:1.5px}.far-out-cta:hover .far-out-glow,.far-out-cta:focus-visible .far-out-glow{opacity:1;animation:far-out-spin 2.5s linear infinite}.far-out-cta:hover{color:var(--_v6);border-color:transparent}.far-out-active{color:var(--_v3);border-color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.far-out-active .far-out-glow{opacity:1;animation:far-out-spin 2.5s linear infinite}.far-out-active:hover{color:var(--_v3);background:color-mix(in srgb,var(--_v3) 12%,transparent)}.far-out-active .far-out-text{animation:far-out-pulse 2s ease-in-out infinite}.far-out-cta:disabled{opacity:.3;cursor:not-allowed}.far-out-cta:disabled .far-out-glow{display:none}[data-theme=light] .far-out-cta{background:color-mix(in srgb,var(--_vc) 92%,transparent);border-color:var(--_vd)}@keyframes far-out-spin{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@keyframes far-out-pulse{0%,to{opacity:1}50%{opacity:.7}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.far-out-cursor-orb{background:transparent;box-shadow:none}.far-out-cursor-orb.is-active{animation:fo-cursor-pulse 1.6s ease-in-out infinite}.far-out-cursor-orb:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;border:1.5px dashed var(--_v3);transform:translate(-50%,-50%) rotate(45deg)}.far-out-cursor-orb:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);background:linear-gradient(var(--_v3),var(--_v3)) center / 1px 100% no-repeat,linear-gradient(var(--_v3),var(--_v3)) center / 100% 1px no-repeat;opacity:.4}@keyframes fo-cursor-pulse{0%,to{transform:var(--fo-translate, translate(0, 0)) scale(1)}50%{transform:var(--fo-translate, translate(0, 0)) scale(1.15)}}.browser-notice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:browser-notice-fade-in .3s ease}@keyframes browser-notice-fade-in{0%{opacity:0}to{opacity:1}}.browser-notice-panel{width:420px;max-width:calc(100vw - 48px);background:var(--_v0);border:1px solid var(--_v8);padding:32px;display:flex;flex-direction:column;gap:20px}.browser-notice-title{font-family:var(--_vf);font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_v3);margin:0}.browser-notice-body{font-family:var(--_vf);font-size:12px;line-height:1.8;letter-spacing:.5px;color:var(--_vb);margin:0}.browser-notice-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.browser-notice-list li{font-family:var(--_vf);font-size:12px;letter-spacing:1px;color:var(--_v6);padding-left:16px;position:relative}.browser-notice-list li:before{content:"→";position:absolute;left:0;color:var(--_v3)}.browser-notice-dismiss{align-self:flex-end;font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--_v6);background:none;border:1px solid var(--_v8);padding:10px 20px;cursor:pointer;transition:color .2s,border-color .2s}.browser-notice-dismiss:hover{color:var(--_v3);border-color:var(--_v3)}[data-theme=light] .browser-notice-overlay{background:#fff9}[data-theme=light] .browser-notice-panel{background:var(--_v0);border-color:#0000001a}@font-face{font-family:Comico;src:url(/fonts/Comico-Regular.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}:root{--_v0: #1a1917;--_v1: #222220;--_v2: #2a2a27;--_v3: #e8503a;--_v4: rgba(232, 80, 58, .4);--_v5: var(--_v3);--_v6: #c8c4b8;--_v7: rgba(200, 196, 184, .4);--_v8: rgba(200, 196, 184, .18);--_v9: rgba(200, 196, 184, .35);--_va: #c8c4b8;--_vb: rgba(200, 196, 184, .5);--_vc: color-mix(in srgb, var(--_v0) 60%, transparent);--_vd: var(--_v8);--_ve: 1;--_vf: "Space Mono", "SF Mono", "Fira Code", monospace;--_vg: "Inter", -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media(pointer:fine)and (min-width:768px){*,*:before,*:after{cursor:none!important}input[type=range]{cursor:none!important}input[type=range]::-webkit-slider-thumb{cursor:none!important}input[type=range]::-moz-range-thumb{cursor:none!important}}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--_v0);color:var(--_va);font-family:var(--_vf)}#root{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes materialize-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .8s ease-out}.wf-line{opacity:calc(var(--line-opacity, .3) * var(--_ve, 1))}.rm-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;opacity:0;transition:opacity 2s ease .2s}.landing-page.is-loaded .rm-bg-container{opacity:1}.landing-page.theme-light .rm-bg-container{opacity:0}.landing-page.theme-light.is-loaded .rm-bg-container{opacity:.7}.landing-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--_v0);color:var(--_va);transition:background .4s,color .4s}.landing-page.theme-light{background:var(--_v0)}.landing-page.theme-light .landing-vignette{background:radial-gradient(circle at center,transparent 50%,var(--_v0) 100%)}.landing-page.theme-light .landing-grain{opacity:.06;mix-blend-mode:multiply}.theme-toggle{position:fixed;top:24px;right:24px;z-index:100;width:40px;height:40px;border-radius:50%;background:#ffffff0a;border:1px solid var(--_v8);color:var(--_v6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.theme-toggle:hover{border-color:var(--_v3-dim);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 6%,transparent)}.landing-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;mix-blend-mode:overlay}.tile-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%}.landing-home .tile-grid{padding-left:56px}@media(max-width:600px){.landing-home .tile-grid{padding-left:0}}.tile-grid--four{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}.tile-grid--three{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.tile-grid--five{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr}.tile-grid--five .tile:nth-child(1){grid-column:1 / 3}.tile-grid--five .tile:nth-child(2){grid-column:3 / 5}.tile-grid--five .tile:nth-child(3){grid-column:5 / 7}.tile-grid--five .tile:nth-child(4){grid-column:2 / 4}.tile-grid--five .tile:nth-child(5){grid-column:4 / 6}.tile-grid--two{grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;height:60vh;align-self:center;position:absolute;top:50%;left:calc(50% + 28px);transform:translate(-50%,-50%);z-index:5;gap:1px}.tile-grid--compact-three{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;height:55vh;align-self:center;position:absolute;top:50%;left:calc(50% + 28px);transform:translate(-50%,-50%);z-index:5;gap:1px}.tile-grid--one{grid-template-columns:1fr;max-width:450px;margin:0 auto;height:50vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.placeholder-page{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.placeholder-orb{width:280px;height:280px;opacity:.6;transition:opacity .4s}@media(max-height:700px){.placeholder-page{top:52%;gap:16px}.placeholder-orb{width:180px;height:180px}}.placeholder-subtitle{font-family:var(--_vf);font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_v6);margin:0}.placeholder-desc{font-family:var(--_vf);font-size:12px;letter-spacing:1px;color:var(--_vb);margin:0}.placeholder-badge{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_v3);padding:6px 16px;border:1px solid var(--_v3-dim);border-radius:3px;margin-top:0}.tile{position:relative;z-index:5;overflow:hidden;cursor:pointer;border:none;padding:0;margin:0;background:var(--_vc);text-decoration:none;color:inherit;display:block;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .4s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),z-index 0s;opacity:0}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;box-shadow:inset 0 0 0 .5px var(--_v8);transition:box-shadow .4s ease}.tile:focus-visible{outline:none}.landing-page.is-loaded .tile{opacity:1;transition:opacity .8s ease var(--tile-delay, .1s),background .4s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.landing-page.is-loaded .tile-orb{opacity:.55;transition:opacity .8s ease var(--tile-delay, .1s)}.landing-page.is-loaded .tile:hover,.landing-page.is-loaded .tile.tile--hovered{transition:opacity .15s ease,background .2s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.tile:hover .tile-orb,.tile.tile--hovered .tile-orb{opacity:1!important}.tile-orb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;contain:layout style paint}.tile-orb .tile-art--fill{width:100%;height:100%;display:block}.tile--tool:hover:after,.tile--tool.tile--hovered:after{box-shadow:inset 0 0 0 .5px var(--_v8),inset 0 0 0 1px var(--_v3),inset 0 0 60px color-mix(in srgb,var(--_v3) 8%,transparent)}.tile--tool:hover,.tile--tool.tile--hovered{z-index:25;transform:translateY(-6px);box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014}.tile--project:hover:after,.tile--project.tile--hovered:after{box-shadow:inset 0 0 0 .5px var(--_v8),inset 0 0 0 1px var(--_v3-dim),inset 0 0 40px color-mix(in srgb,var(--_v3) 6%,transparent)}.tile--project:hover,.tile--project.tile--hovered{z-index:25;transform:translateY(-6px);box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014}.tile:active{transform:translateY(-2px) scale(.995);box-shadow:0 3px 12px #0000001a}.tile-name{position:absolute;top:24px;left:24px;z-index:5;display:flex;flex-direction:column;gap:3px;text-align:left;pointer-events:none}.tile-name-label{font-family:var(--_vf);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--_v6);transition:color .3s}.tile-name-sublabel{font-family:var(--_vf);font-size:12px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--_vb);transition:color .3s}.tile:hover .tile-name-label,.tile.tile--hovered .tile-name-label{color:var(--_v3)}.tile-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:5px 10px;border-radius:3px;pointer-events:none;opacity:0;transition:opacity .4s,color .3s,background .3s}.tile:hover .tile-badge,.tile.tile--hovered .tile-badge{opacity:0}.tile-badge--tool{color:var(--_v6);background:#00000059;border:1px solid var(--_v8)}.tile-badge--project{color:var(--_v3);background:#00000059;border:1px solid var(--_v3-dim)}[data-theme=light] .tile-badge--tool,[data-theme=light] .tile-badge--project{background:#ffffff8c}.tile-external-icon{display:inline-block;width:12px;height:12px;margin-left:6px;color:var(--_vb);opacity:.6;transition:opacity .3s,color .3s;vertical-align:middle;position:relative;top:-1px}.tile--project:hover .tile-external-icon,.tile--project.tile--hovered .tile-external-icon{opacity:1;color:var(--_v3)}.tile-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;text-align:center;opacity:0;transition:opacity 1.2s ease .3s}.landing-page.is-loaded .tile-cta{opacity:1}.hero-title{font-family:"Bespoke Serif",Georgia,serif;font-size:clamp(48px,10vw,160px);font-weight:800;font-style:italic;letter-spacing:-3px;text-transform:none;color:var(--_v6);text-align:center;line-height:1;margin:0;white-space:nowrap;text-shadow:0 2px 40px color-mix(in srgb,var(--_v0) 60%,transparent),0 4px 80px color-mix(in srgb,var(--_v0) 40%,transparent)}.landing-home .hero-title{font-family:Comico,Georgia,serif;font-weight:400;font-style:normal}.hero-subtitle{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_v0);background:var(--_v6);text-align:center;margin:24px auto 0;padding:8px 20px;white-space:nowrap;display:inline-block}.landing-sidebar{position:fixed;left:0;top:0;bottom:0;width:56px;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 1.4s ease .6s}.landing-page.is-loaded .landing-sidebar{opacity:1}.sidebar-title{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:0;margin:0;white-space:nowrap;pointer-events:all}.breadcrumb-segment{font-family:Comico,Georgia,serif;font-size:16px;font-weight:400;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;padding:0;border:none;background:none;cursor:default;line-height:1}.breadcrumb-segment--link{color:color-mix(in srgb,var(--_v6) 30%,transparent);cursor:pointer;transition:color .3s}.breadcrumb-segment--link:hover{color:var(--_v3)}.breadcrumb-segment--home{color:color-mix(in srgb,var(--_v6) 50%,transparent)}.breadcrumb-segment--home:hover,.breadcrumb-segment--current{color:var(--_v3)}.breadcrumb-separator{font-family:Comico,Georgia,serif;font-size:14px;font-weight:400;letter-spacing:2px;color:color-mix(in srgb,var(--_v6) 20%,transparent);padding:6px 2px;-webkit-user-select:none;user-select:none}[data-theme=light] .breadcrumb-segment--link{color:color-mix(in srgb,var(--_v6) 60%,transparent)}[data-theme=light] .breadcrumb-segment--link:hover{color:var(--_v3)}[data-theme=light] .breadcrumb-segment--home{color:color-mix(in srgb,var(--_v6) 75%,transparent)}[data-theme=light] .breadcrumb-separator{color:color-mix(in srgb,var(--_v6) 40%,transparent)}@media(max-height:900px){.breadcrumb-segment{font-size:13px;letter-spacing:2px}.breadcrumb-separator{font-size:12px;padding:3px 2px}}@media(max-height:700px){.breadcrumb-segment--link:not(.breadcrumb-segment--home){display:none}.breadcrumb-separator:not(:last-of-type){display:none}.breadcrumb-segment{font-size:12px;letter-spacing:1.5px}}[data-theme=light] .page-sidebar{background:color-mix(in srgb,var(--_v0) 70%,transparent);border-right-color:#0000001a}[data-theme=light] .sidebar-back-btn,[data-theme=light] .theme-popup-trigger{background:#fff6;border-color:#00000026}.sidebar-top,.sidebar-bottom{position:absolute;display:flex;flex-direction:column;align-items:center;pointer-events:all}.sidebar-top{top:16px;gap:10px}.sidebar-bottom{bottom:16px}.sidebar-icon{position:static;width:34px;height:34px}.landing-sidebar .about-btn.sidebar-icon{position:static;top:auto;right:auto;width:34px;height:34px;font-size:14px}.landing-sidebar .theme-popup-wrapper,.page-sidebar .theme-popup-wrapper{position:static;pointer-events:all}.landing-sidebar .theme-popup-trigger,.page-sidebar .theme-popup-trigger{width:34px;height:34px}.landing-sidebar .theme-popup-panel,.page-sidebar .theme-popup-panel{left:calc(100% + 10px);right:auto;top:0;bottom:auto}@media(max-width:600px){.landing-sidebar{display:none}}.page-sidebar{position:fixed;left:0;top:0;bottom:0;width:56px;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:color-mix(in srgb,var(--_v0) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--_v8)}.page-sidebar--hidden{transform:translate(-100%);pointer-events:none}.sidebar-beta-label{position:absolute;bottom:16px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_vb);pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar-beta-label--inline{position:static;writing-mode:vertical-rl;transform:rotate(180deg)}.page-sidebar .about-btn.sidebar-icon{position:static;top:auto;right:auto;width:34px;height:34px;font-size:14px}.page-sidebar .sidebar-bottom{position:absolute;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:all}.page-sidebar .sidebar-top{position:absolute;top:16px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:all}.sidebar-back-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--_v8);border-radius:50%;color:var(--_v6);cursor:pointer;transition:border-color .3s,color .3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sidebar-back-btn:hover{border-color:var(--_v3);color:var(--_v3)}@media(min-width:601px){.sidebar-back-btn{display:none}}.landing-page:not(.landing-home) .tile-grid{padding-left:56px}.landing-page:not(.landing-home) .tile-cta{padding-left:56px}.protocol-app,.logo-generator,.waveform-gen,.st-app{padding-left:56px}@media(max-width:600px){.page-sidebar{display:none}.landing-page:not(.landing-home) .tile-grid,.landing-page:not(.landing-home) .tile-cta{padding-left:0}.protocol-app,.logo-generator,.waveform-gen,.st-app{padding-left:0}}@keyframes page-reveal{0%{opacity:0}to{opacity:1}}.protocol-app,.waveform-gen,.st-app,.spectra-page,.stencil-engine,.field-engine{animation:page-reveal .35s ease both}.placeholder-page,.logo-generator{animation:page-reveal-fade .35s ease both}@keyframes page-reveal-fade{0%{opacity:0}to{opacity:1}}@media(max-width:480px){@keyframes page-reveal{0%{opacity:0}to{opacity:1}}}.landing-description{font-family:var(--_vf);font-size:12px;line-height:2;letter-spacing:.6px;color:var(--_vb);text-align:center;max-width:400px;margin:0}.wf-line{transition:opacity .3s ease}.landing-footer{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:25;opacity:0;transition:opacity 1s ease 1s;white-space:nowrap}.landing-page.is-loaded .landing-footer{opacity:1}.footer-coord{font-family:var(--_vf);font-size:12px;letter-spacing:3px;color:var(--_vb);opacity:.5}.about-btn{position:fixed;top:26px;right:76px;z-index:100;width:36px;height:36px;border:1px solid var(--_v8);border-radius:50%;background:#0000004d;color:var(--_v6);font-family:"Bespoke Serif",Georgia,serif;font-size:16px;font-weight:700;font-style:italic;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s,color .3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.about-btn:hover{border-color:var(--_v3);color:var(--_v3)}[data-theme=light] .about-btn{background:#fff6;border-color:#00000026}@media(max-width:600px){.about-btn{top:16px;right:58px;width:34px;height:34px;font-size:14px}}.about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:color-mix(in srgb,var(--_v0) 70%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease-out}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-dialog{background:color-mix(in srgb,var(--_v0) 95%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--_v8);border-radius:2px;width:90vw;max-width:480px;animation:about-fade-in .3s ease-out}.about-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--_v8)}.about-dialog-title{font-family:var(--_vf);font-size:13px;letter-spacing:2px;color:var(--_v6);text-transform:uppercase;margin:0}.about-dialog-close{background:none;border:none;color:var(--_vb);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s;border-radius:3px}.about-dialog-close:hover{color:var(--_v6);background:#ffffff0f}.about-dialog-body{padding:24px}.about-dialog-text{font-family:var(--_vf);font-size:13px;line-height:2;letter-spacing:.5px;color:var(--_v6);margin:0}.about-dialog-year{display:block;margin-top:16px;font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;color:var(--_vb)}[data-theme=light] .about-overlay{background:#00000040}[data-theme=light] .about-dialog{background:color-mix(in srgb,var(--_v0) 98%,transparent);border-color:#0000001f}[data-theme=light] .about-dialog-header{border-bottom-color:#0000001a}[data-theme=light] .about-dialog-close:hover{color:var(--_va);background:#0000000f}.subpage-back{position:fixed;top:max(env(safe-area-inset-top,16px),16px);left:16px;z-index:40;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--_v8);border-radius:50%;background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--_v6);cursor:pointer;transition:border-color .3s}.subpage-back:hover{border-color:var(--_v3, #E8503A)}[data-theme=light] .subpage-back{background:#ffffff80}@media(min-width:601px){.subpage-back{display:none}}.pureform-back{position:fixed;top:20px;left:24px;z-index:100;display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--_v8);border-radius:4px;color:var(--_v6);font-family:var(--_vf);font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:border-color .3s,color .3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pureform-back:hover{border-color:var(--_v3);color:var(--_v3)}.pureform-back~.tile-grid .tile-name{top:60px}.mega-menu-trigger{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--_v8);border-radius:50%;color:var(--_v6);cursor:pointer;transition:border-color .3s,color .3s,background .3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mega-menu-trigger:hover{border-color:var(--_v3);color:var(--_v3)}[data-theme=light] .mega-menu-trigger{background:#fff6;border-color:#00000026}[data-theme=light] .mega-menu-trigger:hover{border-color:var(--_v3);color:var(--_v3)}.mega-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:stretch;justify-content:flex-start;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:mega-menu-fade-in .25s ease}@keyframes mega-menu-fade-in{0%{opacity:0}to{opacity:1}}[data-theme=light] .mega-menu-overlay{background:#00000040}.mega-menu-panel{position:relative;width:380px;max-width:90vw;height:100%;background:var(--_v0);border-right:1px solid var(--_v8);padding:32px 28px;overflow-y:auto;animation:mega-menu-slide-in .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--_v8) transparent;--mm-indent: 24px;--mm-leg-width: 20px;--mm-label-center: 18px}.mega-menu-panel::-webkit-scrollbar{width:2px}.mega-menu-panel::-webkit-scrollbar-thumb{background:var(--_v8)}.mega-menu-panel::-webkit-scrollbar-track{background:transparent}@keyframes mega-menu-slide-in{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=light] .mega-menu-panel{background:var(--_v0)}.mega-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid var(--_v8);flex-shrink:0}.mega-menu-title{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_vb)}.mega-menu-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--_v8);border-radius:50%;color:var(--_v6);cursor:pointer;transition:border-color .3s,color .3s}.mega-menu-close:hover{border-color:var(--_v3);color:var(--_v3)}.mega-menu-nav{display:flex;flex-direction:column;gap:4px;flex:1}.mega-menu-divider{height:1px;background:var(--_v8);margin:8px 0}.mega-menu-item-group{display:flex;flex-direction:column;position:relative}.mega-menu-item-group+.mega-menu-item-group{margin-top:4px}.mega-menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;border:none;border-radius:0;background:none;color:var(--_v6);cursor:pointer;text-align:left;font-family:var(--_vf);transition:background .2s,color .2s}.mega-menu-item:hover{background:color-mix(in srgb,var(--_v3) 8%,transparent)}[data-theme=light] .mega-menu-item:hover{background:color-mix(in srgb,var(--_v3) 10%,transparent)}.mega-menu-item--active,.mega-menu-item--active .mega-menu-item-label{color:var(--_v3)}.mega-menu-item--coming-soon{opacity:.4;cursor:default}.mega-menu-item--coming-soon:hover{background:none}.mega-menu-item-label{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;line-height:1.2;display:inline-flex;align-items:center;gap:8px}.mega-menu-item-icon{flex-shrink:0;opacity:.55;transition:opacity .2s,color .2s}.mega-menu-item:hover .mega-menu-item-icon{opacity:1}.mega-menu-item--active .mega-menu-item-icon{color:var(--_v3);opacity:1}.mega-menu-item-sublabel{font-size:12px;font-weight:400;letter-spacing:.5px;color:var(--_vb);text-transform:none;line-height:1.3}.mega-menu-item--depth-0>.mega-menu-item-sublabel{padding-left:24px}.mega-menu-item--depth-1>.mega-menu-item-sublabel{padding-left:0}.mega-menu-item-badge{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--_v3);opacity:.6;margin-top:1px}.mega-menu-item--external{flex-direction:row;align-items:center;gap:6px}.mega-menu-external-icon{width:12px;height:12px;color:var(--_vb);opacity:.5;flex-shrink:0}.mega-menu-item:hover .mega-menu-external-icon{color:var(--_v3);opacity:1}.mega-menu-item-row{display:flex;align-items:flex-start;position:relative}.mega-menu-caret{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:8px;background:none;border:none;color:var(--_vb);cursor:pointer;transition:color .2s,transform .25s ease;flex-shrink:0;padding:0}.mega-menu-caret:hover{color:var(--_v6)}.mega-menu-caret--collapsed{transform:rotate(-90deg)}.mega-menu-children>.mega-menu-item-group:before{content:"";position:absolute;left:0;top:0;bottom:-4px;width:1px;background:color-mix(in srgb,var(--_v6) 15%,transparent)}.mega-menu-children>.mega-menu-item-group:last-child:before{bottom:auto;height:var(--mm-label-center)}.mega-menu-tree-leg{flex-shrink:0;width:var(--mm-leg-width);align-self:stretch;position:relative}.mega-menu-tree-leg:after{content:"";position:absolute;left:0;top:var(--mm-label-center);width:100%;height:1px;background:color-mix(in srgb,var(--_v6) 15%,transparent)}.mega-menu-tree-leg--depth-1,.mega-menu-tree-leg--depth-2{margin-left:0}.mega-menu-item--depth-0{padding-left:var(--mm-indent)}.mega-menu-item--depth-1{padding-left:10px}.mega-menu-item--depth-1 .mega-menu-item-label{font-size:12px;letter-spacing:1px;font-weight:600}.mega-menu-item--depth-2{padding-left:10px}.mega-menu-item--depth-2 .mega-menu-item-label{font-size:12px;letter-spacing:1px;font-weight:600}.mega-menu-children{display:flex;flex-direction:column;padding-top:0;padding-left:var(--mm-indent);position:relative}.mega-menu-children:before{content:"";position:absolute;top:0;height:var(--mm-label-center);left:var(--mm-indent);width:1px;background:color-mix(in srgb,var(--_v6) 15%,transparent)}[data-theme=light] .mega-menu-children:before,[data-theme=light] .mega-menu-children>.mega-menu-item-group:before,[data-theme=light] .mega-menu-tree-leg:after{background:color-mix(in srgb,var(--_vb) 30%,transparent)}.mega-menu-home{margin-bottom:0;padding-top:8px;padding-bottom:8px}@media(max-width:480px){.mega-menu-overlay{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mega-menu-panel{width:100%;max-width:100%;border-right:none;padding:24px 20px;padding-top:max(env(safe-area-inset-top,16px),24px)}.mega-menu-header{padding-bottom:16px}}@media(max-width:480px){.story-container{position:relative;z-index:2;width:100%;height:100vh;height:100dvh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:var(--_v0);scrollbar-width:none;-ms-overflow-style:none}.story-container::-webkit-scrollbar{display:none}.story-topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:12px;padding:16px;padding-top:max(env(safe-area-inset-top,16px),16px);pointer-events:none}.story-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--_v8);border-radius:50%;background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--_v6);cursor:pointer;transition:border-color .3s,color .3s;padding:0;pointer-events:auto;flex-shrink:0}.story-back:active{border-color:var(--_v3);color:var(--_v3)}[data-theme=light] .story-back{background:#ffffff80;border-color:#00000026}.story-slide-title{position:absolute;top:max(env(safe-area-inset-top,16px),16px);left:16px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:5}.story-tile-label{font-family:var(--_vf);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--_v6);text-shadow:0 1px 6px rgba(0,0,0,.5)}[data-theme=light] .story-tile-label{text-shadow:0 1px 6px rgba(255,255,255,.6)}.story-tile-sublabel{font-family:var(--_vf);font-size:12px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--_vb);text-shadow:0 1px 4px rgba(0,0,0,.4)}.story-dots{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:8px;pointer-events:none}.story-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:background .3s ease,transform .3s ease}[data-theme=light] .story-dot{background:#00000026}.story-dot--active{background:var(--_v3);transform:scale(1.3)}.story-slide{flex:0 0 100%;width:100%;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-slide-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-slide-art .tile-art--fill{width:100%;height:100%}.story-slide-art svg{opacity:1!important}.story-slide-art .wf-line{opacity:calc(var(--line-opacity, .3) * var(--_ve, 1))!important}.mobile-pill{position:fixed;top:max(env(safe-area-inset-top,12px),12px);right:12px;z-index:40;display:flex;flex-direction:row;align-items:center;gap:2px;padding:4px;border-radius:4px;background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--_v8)}[data-theme=light] .mobile-pill{background:#ffffff80}.mobile-pill-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--_v6);cursor:pointer;border-radius:4px;transition:color .3s,background .3s;padding:0}.mobile-pill-btn:hover,.mobile-pill-btn:active{color:var(--_v3);background:color-mix(in srgb,var(--_v3) 10%,transparent)}.mobile-pill-about{font-family:"Bespoke Serif",Georgia,serif;font-size:14px;font-weight:700;font-style:italic}.mobile-pill .theme-popup-wrapper{position:static}.mobile-pill .theme-popup-trigger{width:32px;height:32px;border:none;background:none}.mobile-pill .theme-popup-trigger:hover{border:none;background:none}.mobile-pill-btn:hover{background:none;border-color:transparent}.mobile-pill .theme-popup-panel{right:0;left:auto;top:calc(100% + 8px);bottom:auto}}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;align-items:center;justify-content:center;background:var(--_v0);animation:welcome-enter .8s ease both}.welcome-screen--exit{animation:welcome-exit .5s ease both}.welcome-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;mix-blend-mode:overlay}.welcome-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 32px;gap:0}.welcome-title{font-family:Comico,Georgia,serif;font-size:20px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:var(--_v6);margin:0 0 24px;opacity:0;animation:welcome-text-in .8s ease .3s both}.welcome-tagline{font-family:var(--_vf);font-size:13px;line-height:2;letter-spacing:.5px;color:var(--_v6);max-width:320px;margin:0 0 20px;opacity:0;animation:welcome-text-in .8s ease .5s both}.welcome-year{font-family:var(--_vf);font-size:12px;letter-spacing:2px;color:var(--_v6);opacity:0;animation:welcome-text-in .8s ease .65s both}.welcome-screen:not(.welcome-screen--exit) .welcome-year{animation:welcome-text-in .8s ease .65s both,welcome-year-dim .4s ease 1.45s both}.welcome-enter{margin-top:40px;padding:12px 40px;background:none;border:1px solid var(--_v3-dim);border-radius:3px;color:var(--_v3);font-family:var(--_vf);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:border-color .3s,background .3s,color .3s;opacity:0;animation:welcome-text-in .8s ease .8s both;-webkit-tap-highlight-color:transparent}.welcome-enter:active{background:color-mix(in srgb,var(--_v3) 10%,transparent);border-color:var(--_v3)}[data-theme=light] .welcome-screen{background:var(--_v0)}[data-theme=light] .welcome-grain{opacity:.06;mix-blend-mode:multiply}@keyframes welcome-enter{0%{opacity:0}to{opacity:1}}@keyframes welcome-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes welcome-text-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-year-dim{to{opacity:.35}}@media(min-width:481px){.story-container,.mobile-pill,.welcome-screen{display:none!important}}.theme-popup-wrapper{position:fixed;top:24px;right:24px;z-index:300}.theme-popup-trigger{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--_v6) 6%,transparent);border:1px solid var(--_v8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;padding:0;color:var(--_v6)}.theme-popup-trigger:hover{border-color:var(--_v3-dim);background:color-mix(in srgb,var(--_v6) 12%,transparent)}@media(max-width:480px){.theme-popup-wrapper{top:16px;right:16px}.theme-popup-trigger{width:34px;height:34px}}.theme-trigger-icon{transition:color .3s,transform .3s;display:block}.theme-popup-panel{position:absolute;top:calc(100% + 10px);right:0;background:color-mix(in srgb,var(--_v0) 94%,transparent);border:1px solid var(--_v8);border-radius:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:themePopupIn .2s ease-out;min-width:200px}[data-theme=light] .theme-popup-panel{background:color-mix(in srgb,var(--_v0) 94%,transparent);border-color:var(--_v8)}@keyframes themePopupIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-popup-section-label{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_vb);display:flex;align-items:baseline;gap:6px;padding:0 2px}.theme-popup-section-hint{font-size:12px;letter-spacing:.5px;text-transform:none;opacity:.6;font-style:italic}.theme-popup-tint-row{display:flex;align-items:center;gap:10px}.theme-popup-tints{display:flex;flex-direction:row;gap:6px;padding:6px 8px;border:1px solid var(--_v8);border-radius:0;flex:1}.theme-tint-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:var(--dot-color);cursor:pointer;transition:all .2s;padding:0;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.theme-tint-dot:hover{transform:scale(1.12)}.theme-tint-dot.active{border-color:var(--_v6);box-shadow:0 0 0 2px #c8c4b840}[data-theme=light] .theme-tint-dot.active{border-color:#2a2826;box-shadow:0 0 0 2px #2a282626}.tint-check{color:#1a1917;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.theme-tint-dot:nth-child(1) .tint-check{color:#555}.theme-mode-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--_v8);background:color-mix(in srgb,var(--_v6) 6%,transparent);color:var(--_v6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0;flex-shrink:0}.theme-mode-toggle:hover:not(.disabled){border-color:var(--_v3-dim);color:var(--_v3)}.theme-mode-toggle.disabled{opacity:.3;cursor:not-allowed}.theme-popup-divider{height:1px;background:var(--_v8);margin:2px 0}.theme-popup-specials{display:flex;flex-direction:row;gap:6px}.theme-special-btn{flex:1;padding:8px 10px;background:transparent;border:1px solid var(--_v8);color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border-radius:0;transition:all .2s;text-align:center;line-height:1.3}.theme-special-btn:hover{border-color:var(--_v6-dim);color:var(--_v6);background:color-mix(in srgb,var(--_v6) 6%,transparent)}.theme-special-btn.active{border-color:var(--_v3);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.drag-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;align-items:center;gap:14px;padding:14px 24px;background:color-mix(in srgb,var(--_v0) 85%,transparent);border:1px solid var(--_v8-strong);border-radius:40px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none;animation:dragTooltipIn .6s ease-out}.drag-tooltip--fading{animation:dragTooltipOut .8s ease-in forwards}.drag-tooltip-icon{color:var(--_v3);flex-shrink:0;opacity:.9}.drag-tooltip-text{display:flex;flex-direction:column;gap:3px}.drag-tooltip-label{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;color:var(--_v6);white-space:nowrap}.drag-tooltip-hint{font-family:var(--_vf);font-size:12px;letter-spacing:1px;color:var(--_vb);white-space:nowrap}@keyframes dragTooltipIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes dragTooltipOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}[data-tint=yellow][data-theme=light]{--_v0: #f5f0d0;--_v1: #ebe6be;--_v2: #e2dcb0;--_v3: #b0a830;--_v4: rgba(176, 168, 48, .4);--_v5: #8a6ae0}[data-tint=yellow][data-theme=dark]{--_v6: #d4c95e;--_va: #d4c95e;--_vb: rgba(212, 201, 94, .5);--_v3: #d4c95e;--_v4: rgba(212, 201, 94, .4);--_v5: #8a6ae0;--_v8: rgba(212, 201, 94, .18);--_v9: rgba(212, 201, 94, .35);--_v7: rgba(212, 201, 94, .4)}[data-tint=pink][data-theme=light]{--_v0: #f5d5de;--_v1: #ebc8d2;--_v2: #e2bcc6;--_v3: #c8507a;--_v4: rgba(200, 80, 122, .4);--_v5: #58c8b8}[data-tint=pink][data-theme=dark]{--_v6: #e07898;--_va: #e07898;--_vb: rgba(224, 120, 152, .5);--_v3: #e07898;--_v4: rgba(224, 120, 152, .4);--_v5: #58c8b8;--_v8: rgba(224, 120, 152, .18);--_v9: rgba(224, 120, 152, .35);--_v7: rgba(224, 120, 152, .4)}[data-tint=green][data-theme=light]{--_v0: #d0f0db;--_v1: #c0e6cb;--_v2: #b0dcbb;--_v3: #3a9a60;--_v4: rgba(58, 154, 96, .4);--_v5: #c75e8a}[data-tint=green][data-theme=dark]{--_v6: #5ec78a;--_va: #5ec78a;--_vb: rgba(94, 199, 138, .5);--_v3: #5ec78a;--_v4: rgba(94, 199, 138, .4);--_v5: #c75e8a;--_v8: rgba(94, 199, 138, .18);--_v9: rgba(94, 199, 138, .35);--_v7: rgba(94, 199, 138, .4)}[data-tint=blue][data-theme=light]{--_v0: #d0e5f5;--_v1: #c0d8eb;--_v2: #b0cbe0;--_v3: #4a8cc0;--_v4: rgba(74, 140, 192, .4);--_v5: #e0936a}[data-tint=blue][data-theme=dark]{--_v6: #6aafe0;--_va: #6aafe0;--_vb: rgba(106, 175, 224, .5);--_v3: #6aafe0;--_v4: rgba(106, 175, 224, .4);--_v5: #e0936a;--_v8: rgba(106, 175, 224, .18);--_v9: rgba(106, 175, 224, .35);--_v7: rgba(106, 175, 224, .4)}[data-tint=neutral][data-theme=light]{--_v0: #f0ece4;--_v1: #e6e2d8;--_v2: #ddd9cf}[data-tint=off][data-theme=dark]{--_v6: #c8c4b8;--_va: #c8c4b8;--_v3: #e8503a;--_v4: rgba(232, 80, 58, .4)}[data-theme=light] .landing-page,[data-theme=light] .protocol-app,[data-theme=light] .logo-generator,[data-theme=light] .waveform-gen,[data-theme=light] .st-app,[data-theme=light] .style-guide,[data-theme=light] .stencil-engine,[data-theme=light] .field-engine,[data-theme=light] .crystalline-engine,[data-theme=light] .grit-engine,[data-theme=light] .gravity-engine,[data-theme=light] .mega-menu-overlay,[data-theme=light] .engine-export-overlay,[data-theme=light] .about-overlay,[data-theme=light] .theme-popup-wrapper,[data-theme=light] .browser-notice-overlay,[data-theme=light] .page-sidebar{--_v6: #2a2826;--_va: #2a2826;--_vb: rgba(42, 40, 38, .55);--_v8: rgba(42, 40, 38, .15);--_v9: rgba(42, 40, 38, .3);--_v7: rgba(42, 40, 38, .3);--_vc: color-mix(in srgb, var(--_v0) 70%, white);--_vd: var(--_v8)}[data-special=cyberpunk]{--_v0: #0a0a1a;--_v1: #0e0e24;--_v2: #14142e;--_v6: #e0d4ff;--_v7: rgba(224, 212, 255, .3);--_va: #e0d4ff;--_vb: rgba(224, 212, 255, .5);--_v3: #ff2a6d;--_v4: rgba(255, 42, 109, .4);--_v5: #05d9e8;--_v8: rgba(224, 212, 255, .12);--_v9: rgba(224, 212, 255, .25)}[data-special=cyberpunk] body,[data-special=cyberpunk] .landing-page,[data-special=cyberpunk] .spectra-page,[data-special=cyberpunk] .protocol-app,[data-special=cyberpunk] .logo-generator,[data-special=cyberpunk] .waveform-gen,[data-special=cyberpunk] .st-app,[data-special=cyberpunk] .stencil-engine,[data-special=cyberpunk] .field-engine,[data-special=cyberpunk] .crystalline-engine,[data-special=cyberpunk] .grit-engine,[data-special=cyberpunk] .gravity-engine,[data-special=cyberpunk] .style-guide{background:#0a0a1a}[data-special=cyberpunk] .controls-panel,[data-special=cyberpunk] .wg-panel{background:#0a0a1aeb;border-color:#ff2a6d33}[data-special=cyberpunk] .theme-popup-panel{background:#0a0a1af2;border-color:#ff2a6d33}[data-special=cyberpunk] .hero-title{color:#ff2a6d;text-shadow:0 0 40px rgba(255,42,109,.3),0 0 80px rgba(255,42,109,.1)}[data-special=cyberpunk] .hero-rule{background:linear-gradient(90deg,transparent 0%,#ff2a6d 20%,#05d9e8 80%,transparent 100%)}[data-special=cyberpunk] .landing-grain{opacity:.06;mix-blend-mode:screen}[data-special=cyberpunk] .btn-back span,[data-special=cyberpunk] .seed-display .value{color:#05d9e8}[data-special=cyberpunk] .btn-materialize{border-color:#ff2a6d;color:#ff2a6d}[data-special=cyberpunk] .btn-materialize:hover{background:#ff2a6d;color:#0a0a1a;box-shadow:0 0 40px #ff2a6d66}[data-special=cyberpunk] .tile--tool:hover,[data-special=cyberpunk] .tile--tool.tile--hovered{box-shadow:inset 0 0 0 1px #ff2a6d,inset 0 0 80px #ff2a6d1f,inset 0 0 120px #05d9e80a}[data-special=cyberpunk] .tile--project:hover,[data-special=cyberpunk] .tile--project.tile--hovered{box-shadow:inset 0 0 0 1px #ff2a6d80,inset 0 0 60px #ff2a6d14}[data-special=hiroshi]{--_v0: #d5ecf5;--_v1: #c8e4f0;--_v2: #b8dae8;--_v6: #2c4a5e;--_v7: rgba(44, 74, 94, .3);--_va: #2c4a5e;--_vb: rgba(44, 74, 94, .55);--_v3: #e8835a;--_v4: rgba(232, 131, 90, .4);--_v5: #5ba88c;--_v8: rgba(44, 74, 94, .12);--_v9: rgba(44, 74, 94, .25)}[data-special=hiroshi] body,[data-special=hiroshi] .landing-page,[data-special=hiroshi] .spectra-page,[data-special=hiroshi] .protocol-app,[data-special=hiroshi] .logo-generator,[data-special=hiroshi] .waveform-gen,[data-special=hiroshi] .st-app,[data-special=hiroshi] .stencil-engine,[data-special=hiroshi] .field-engine,[data-special=hiroshi] .crystalline-engine,[data-special=hiroshi] .grit-engine,[data-special=hiroshi] .gravity-engine,[data-special=hiroshi] .style-guide{background:#d5ecf5}[data-special=hiroshi] .controls-panel,[data-special=hiroshi] .wg-panel{background:#d5ecf5eb;border-color:#2c4a5e26}[data-special=hiroshi] .theme-popup-panel{background:#d5ecf5f2;border-color:#2c4a5e26}[data-special=hiroshi] .edit-values-panel{background:#c8e4f0f7}[data-special=hiroshi] .hero-title{color:#e8835a;text-shadow:none}[data-special=hiroshi] .hero-rule{background:linear-gradient(90deg,transparent 0%,#e8835a 20%,#5ba88c 80%,transparent 100%)}[data-special=hiroshi] .canvas-frame{background:var(--_v1)}[data-special=hiroshi] .landing-grain{opacity:.05;mix-blend-mode:multiply}[data-special=hiroshi] .landing-vignette{background:radial-gradient(circle at center,transparent 50%,#d5ecf5 100%)}[data-special=hiroshi] .tile-badge--tool,[data-special=hiroshi] .tile-badge--project{background:#ffffff8c}[data-special=hiroshi] .btn-back span,[data-special=hiroshi] .seed-display .value{color:#5ba88c}[data-special=hiroshi] .tile--tool:hover,[data-special=hiroshi] .tile--tool.tile--hovered{box-shadow:inset 0 0 0 1px #e8835a,inset 0 0 60px #e8835a1a}[data-special=hiroshi] .tile--project:hover,[data-special=hiroshi] .tile--project.tile--hovered{box-shadow:inset 0 0 0 1px #e8835a80,inset 0 0 40px #e8835a0f}[data-special=hiroshi] .rm-bg-container{filter:invert(1) hue-rotate(180deg)}[data-special=hiroshi] .is-loaded .rm-bg-container{opacity:.4}[data-special=cyberpunk] .rm-bg-container{filter:hue-rotate(280deg)}[data-special=funky]{--_v0: #0c0c16;--_v1: #141428;--_v2: #1e1e3a;--_v6: #f2edd8;--_v7: rgba(242, 237, 216, .6);--_va: #f2edd8;--_vb: rgba(242, 237, 216, .75);--_v3: #e05aa0;--_v4: rgba(224, 90, 160, .55);--_v5: #c8e84a;--_v8: rgba(242, 237, 216, .25);--_v9: rgba(242, 237, 216, .45);--_ve: 1.8}[data-special=funky] body,[data-special=funky] .landing-page,[data-special=funky] .spectra-page,[data-special=funky] .protocol-app,[data-special=funky] .logo-generator,[data-special=funky] .waveform-gen,[data-special=funky] .st-app,[data-special=funky] .stencil-engine,[data-special=funky] .field-engine,[data-special=funky] .crystalline-engine,[data-special=funky] .grit-engine,[data-special=funky] .gravity-engine,[data-special=funky] .style-guide{background:#0c0c16}[data-special=funky] .controls-panel,[data-special=funky] .wg-panel{background:#141428f2;border-color:#e05aa04d}[data-special=funky] .theme-popup-panel{background:#141428f5;border-color:#e05aa04d}[data-special=funky] .edit-values-panel{background:#191930f7}[data-special=funky] .hero-title{color:#e05aa0;text-shadow:0 0 40px rgba(224,90,160,.3),0 0 80px rgba(224,90,160,.1)}[data-special=funky] .hero-rule{background:linear-gradient(90deg,transparent 0%,#e05aa0 20%,#58d0d8 80%,transparent 100%)}[data-special=funky] .landing-grain{opacity:.06;mix-blend-mode:screen}[data-special=funky] .btn-back span,[data-special=funky] .seed-display .value{color:#58d0d8}[data-special=funky] .btn-materialize{border-color:#e05aa0;color:#e05aa0}[data-special=funky] .btn-materialize:hover{background:#e05aa0;color:#0c0c16;box-shadow:0 0 40px #e05aa066}[data-special=funky] .tile--tool:hover,[data-special=funky] .tile--tool.tile--hovered{box-shadow:inset 0 0 0 1px #e05aa0,inset 0 0 80px #e05aa01a,inset 0 0 120px #58d0d80a}[data-special=funky] .tile--project:hover,[data-special=funky] .tile--project.tile--hovered{box-shadow:inset 0 0 0 1px #e05aa080,inset 0 0 60px #e05aa014}[data-special=funky] .rm-bg-container{filter:hue-rotate(220deg) saturate(1.3)}@media(max-width:1100px){.hero-title{font-size:clamp(40px,8vw,120px)}.hero-subtitle{font-size:12px;letter-spacing:2px}}@media(max-width:1024px){.hero-title{font-size:clamp(36px,7vw,100px)}.tile-name{top:18px;left:18px}}@media(max-width:768px){.landing-page{height:auto;min-height:100vh}.tile-grid{grid-template-columns:1fr;grid-auto-rows:minmax(220px,1fr);min-height:100vh}.hero-title{font-size:clamp(44px,16vw,72px);white-space:normal;padding:0 12px}.hero-subtitle{display:none}.tile-name{top:14px;left:14px}.tile-name-label{font-size:12px}.landing-footer{bottom:12px}.theme-toggle{top:16px;right:16px;width:36px;height:36px}.about-btn{right:56px;width:32px;height:32px;font-size:14px}}@media(max-width:480px){.hero-title{font-size:clamp(44px,18vw,72px);white-space:normal;padding:0 8px}.landing-footer{position:fixed;bottom:8px}}@media(max-width:768px){.protocol-brand{left:16px;top:12px;right:16px}.protocol-brand h1{font-size:12px;letter-spacing:2px}.seed-display{bottom:auto;position:fixed;top:12px;right:16px}.seed-display .label,.seed-display .value{font-size:12px}.protocol-brand .subtitle{display:none}.controls-panel{left:8px;right:8px;bottom:8px;transform:none;max-width:100%;width:auto}.controls-panel .collapsible-panel-body{padding:12px 16px 14px;gap:10px}.controls-panel .collapsible-panel-header{padding:10px 16px}.sliders-row{flex-wrap:wrap;gap:10px}.slider-group{min-width:80px}.btn-back{font-size:12px;padding:5px 10px;letter-spacing:1.5px}.edit-values-panel{width:100%}}@media(max-width:500px){.controls-footer{flex-wrap:wrap;gap:6px}.controls-footer .btn-toggle{flex:1 1 calc(50% - 6px);min-width:0;padding:6px 8px;font-size:12px;letter-spacing:1px}}@media(max-width:768px){.engine-panel{width:calc(100% - 32px);bottom:16px;max-height:50vh}.wg-sliders{grid-template-columns:1fr}.engine-preview-orb{bottom:16px;left:16px;width:120px;height:120px}.engine-header{left:16px;top:12px}.engine-lab .seed-display{right:16px;top:12px}.slider-input{height:4px}.slider-input::-webkit-slider-thumb{width:20px;height:20px}.slider-input::-moz-range-thumb{width:20px;height:20px}.wg-slider-group{gap:6px;padding:2px 0}}@media(max-width:480px){.engine-panel{bottom:8px;width:calc(100% - 16px);max-height:45vh}.engine-preview-orb{bottom:8px;left:8px;width:100px;height:100px}.slider-input::-webkit-slider-thumb{width:24px;height:24px}.slider-input::-moz-range-thumb{width:24px;height:24px}}@media(max-width:768px){.theme-popup-wrapper{top:16px;right:16px}.theme-popup-trigger{width:36px;height:36px}.theme-trigger-icon{width:18px;height:18px}.theme-popup-panel{padding:12px 10px}.theme-tint-dot{width:24px;height:24px}}.collapsible-panel{border:1px solid var(--_v8);border-radius:0;background:color-mix(in srgb,var(--_v0) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .collapsible-panel{background:color-mix(in srgb,var(--_v0) 92%,transparent)}.collapsible-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:32px;cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-panel-header:has(+.collapsible-panel-body){border-bottom:1px solid var(--_v8)}.collapsible-panel-title{font-family:var(--_vf);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--_v3);white-space:nowrap}.collapsible-panel-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.collapsible-panel-actions .btn-icon{width:28px;height:28px;font-size:14px}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron-icon.expanded{transform:rotate(-180deg)}.collapsible-panel-body{display:flex;flex-direction:column;gap:14px;width:100%;padding:16px 20px;animation:panelFadeIn .25s ease}.slider-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px}.slider-group-header:first-of-type{margin-top:4px}.slider-group-label-group{display:flex;align-items:center;gap:8px}.slider-group-label{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--_v6)}[data-theme=light] .slider-group-label{color:var(--_va)}.sliders-row{display:flex;gap:16px;width:100%;flex-wrap:wrap}.preset-strip{display:flex;gap:6px;flex-wrap:wrap}.preset-strip-btn{position:relative;display:inline-flex;align-items:center;gap:4px;font-family:var(--_vf);font-size:12px;letter-spacing:.5px;padding:6px 12px;border:1px solid var(--_v8);border-radius:4px;background:transparent;color:var(--_vb);cursor:pointer;transition:all .2s}.preset-strip-btn:hover{border-color:var(--_v6);color:var(--_v6)}.preset-strip-btn.active{border-color:var(--_v3);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.preset-strip-btn:disabled{opacity:.4;cursor:not-allowed}.slider-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:100px}.slider-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_vb);display:flex;justify-content:space-between;align-items:baseline}.slider-value{color:var(--_v6);font-weight:600;font-size:12px;letter-spacing:0}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--_v8);outline:none;border-radius:1px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:2px;background:var(--_v3);cursor:pointer;transition:box-shadow .2s}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 8px color-mix(in srgb,var(--_v3) 50%,transparent)}.slider-input::-moz-range-thumb{width:10px;height:10px;border-radius:2px;border:none;background:var(--_v3);cursor:pointer}.slider-group--inline{flex-direction:row;display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:6px;min-width:0}.slider-group--inline .slider-label{font-family:var(--_vf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.slider-group--inline .slider-value{font-family:var(--_vf);min-width:36px;text-align:right;color:var(--_vb)}.layer-toggle{position:relative;width:28px;height:14px;border-radius:0;border:1px solid var(--_v8);background:transparent;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s ease,border-color .2s ease}[data-theme=light] .layer-toggle{background:transparent}.layer-toggle .layer-toggle-knob{position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:0;background:var(--_vb);transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease}.layer-toggle.on{background:color-mix(in srgb,var(--_v3) 20%,transparent);border-color:color-mix(in srgb,var(--_v3) 50%,transparent)}.layer-toggle.on .layer-toggle-knob{transform:translate(14px);background:var(--_v3)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--_v8);color:var(--_v6);cursor:pointer;border-radius:2px;font-size:16px;transition:all .2s}.btn-icon:hover{border-color:var(--_v3-dim);color:var(--_v3)}.btn-toggle{flex:1;padding:6px 12px;background:transparent;border:1px solid var(--_v8);color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .2s}.btn-materialize{width:100%;padding:10px 24px;background:transparent;border:1px solid var(--_v3);color:var(--_v3);font-family:var(--_vf);font-size:12px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border-radius:2px;position:relative;overflow:hidden;transition:all .3s}.btn-materialize:hover{background:var(--_v3);color:var(--_v0);box-shadow:0 0 30px color-mix(in srgb,var(--_v3) 30%,transparent)}.btn-materialize:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--_v3) 15%,transparent),transparent);transition:left .5s}.btn-materialize:hover:before{left:100%}.btn-materialize.filled{background:var(--_v3);color:var(--_v0);border-color:var(--_v3)}.btn-materialize.filled:hover{background:color-mix(in srgb,var(--_v3) 85%,white);border-color:color-mix(in srgb,var(--_v3) 85%,white);box-shadow:0 0 30px color-mix(in srgb,var(--_v3) 35%,transparent)}.seed-row{display:flex;align-items:center;gap:8px;width:100%}.seed-input{flex:1;background:#ffffff0a;border:1px solid var(--_v8);color:var(--_v6);font-family:var(--_vf);font-size:13px;padding:8px 12px;border-radius:2px;outline:none;letter-spacing:1px;transition:border-color .2s}.seed-input:focus{border-color:var(--_v3-dim)}.seed-nav-btn{width:28px;height:36px;flex-shrink:0}.export-dropdown{position:absolute;bottom:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:2px;background:color-mix(in srgb,var(--_v0) 95%,transparent);border:1px solid var(--_v8);border-radius:4px;padding:4px;min-width:100px;animation:panelSlideIn .15s ease;z-index:200}.export-option{padding:6px 12px;background:transparent;border:none;color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-align:left;border-radius:2px;transition:background .15s ease,color .15s ease}.export-option:hover{background:#ffffff14;color:var(--_v6)}.segmented-control{display:flex;align-items:center;gap:12px}.segmented-control-label{font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--_vb)}.segmented-control-buttons{display:flex;flex-wrap:wrap;gap:8px}.segmented-control-btn{font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border:1px solid var(--_v8);border-radius:2px;background:transparent;color:var(--_vb);cursor:pointer;transition:all .2s}.segmented-control-btn:hover{border-color:var(--_v6-dim);color:var(--_v6)}.segmented-control-btn.active{border-color:var(--_v3);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.cp-tab-switch{display:flex;padding:2px;background:#c8c4b814;border-radius:0;gap:2px}[data-theme=light] .cp-tab-switch{background:#2a28260f}.cp-tab{padding:4px 12px;background:transparent;border:none;color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:0;transition:all .2s ease;line-height:1.2}.cp-tab:hover:not(.active){color:var(--_v6)}.cp-tab.active{background:var(--_v3, #E8503A);color:#fff;box-shadow:0 1px 4px #0000004d}[data-theme=light] .cp-tab.active{box-shadow:0 1px 4px #00000026}.dial-knob{display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.dial-knob-ring{position:relative;cursor:ns-resize;touch-action:none;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.dial-knob-ring:hover{transform:scale(1.06)}.dial-knob--active .dial-knob-ring{transform:scale(1.1);cursor:grabbing}.dial-knob-ring:focus-visible{outline:1px solid var(--_v3);outline-offset:4px}.dial-knob-svg{display:block}.dial-knob-value{font-family:var(--_vf);font-size:12px;font-weight:600;letter-spacing:0;color:var(--_v6);line-height:1;min-width:32px;text-align:center}.dial-knob-label{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_vb);line-height:1;white-space:nowrap}[data-theme=light] .dial-knob-value{color:var(--_va)}.dial-knob-row{display:flex;align-items:flex-start;gap:16px;justify-content:center;flex-wrap:wrap}.seed-bar{display:flex;gap:6px;align-items:stretch;width:100%}.seed-bar .seed-row{flex:1;min-width:0}.sb-bookmark-wrapper{position:relative;flex-shrink:0}.sb-bookmarked{color:var(--_v3)!important;border-color:var(--_v3)!important}.sb-bookmark-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:200px;max-width:280px;background:var(--_v0);border:1px solid var(--_v8);padding:8px;display:flex;flex-direction:column;gap:2px;animation:wf-popover-in .15s ease}@keyframes wf-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sb-bookmark-popover-title{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_vb);padding:4px 6px 6px;border-bottom:1px solid var(--_v8);margin-bottom:2px}.sb-bookmark-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;transition:background .15s}.sb-bookmark-item:hover{background:#ffffff0a}.sb-bookmark-seed{font-family:var(--_vf);font-size:13px;letter-spacing:1px;color:var(--_v6);flex:1}.sb-bookmark-meta{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb);text-transform:capitalize}.sb-bookmark-delete{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;color:var(--_vb);cursor:pointer;padding:0;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.sb-bookmark-item:hover .sb-bookmark-delete{opacity:1}.sb-bookmark-delete:hover{color:var(--_v3)}[data-theme=light] .sb-bookmark-popover{background:var(--_v0);border-color:#0000001a}[data-theme=light] .sb-bookmark-item:hover{background:#0000000a}.sb-bookmark-save{border:none;background:none;color:var(--_v3);border-bottom:1px solid var(--_v8);margin-bottom:2px;padding-bottom:8px}.sb-bookmark-save:hover{background:color-mix(in srgb,var(--_v3) 6%,transparent)}.sb-bookmark-empty{font-family:var(--_vf);font-size:12px;color:var(--_vb);padding:8px;text-align:center}.canvas-viewport{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.canvas-frame{position:relative;width:100%;height:100%;overflow:hidden;background:var(--_v1);transition:filter .6s ease}.canvas-frame.inverted{filter:invert(1) hue-rotate(180deg)}.canvas-frame.materializing{animation:materialize-pulse .4s ease-in-out}.layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.layer-grain{mix-blend-mode:overlay}.layer-accent{mix-blend-mode:multiply}.layer-image-fragment{mix-blend-mode:luminosity}@media(max-width:768px){.protocol-app .canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0}.logo-generator .canvas-viewport{padding-top:0;overflow:hidden}}.btn-materialize{display:block;width:100%;padding:10px 24px;background:transparent;border:1px solid var(--_v3);color:var(--_v3);font-family:var(--_vf);font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.btn-materialize:hover{background:var(--_v3);color:var(--_v0)}.btn-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid var(--_v8);color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s}.btn-toggle:hover{border-color:var(--_v6-dim);color:var(--_v6)}.btn-toggle.active{border-color:var(--_v3-dim);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 6%,transparent)}.export-dropdown-wrapper{position:relative}.export-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:120;background:color-mix(in srgb,var(--_v0) 96%,transparent);border:1px solid var(--_v8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;min-width:100px;animation:fade-in .15s ease}.export-option{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .15s}.export-option:hover{background:color-mix(in srgb,var(--_v3) 8%,transparent);color:var(--_v3)}@media(max-width:768px){.btn-toggle{padding:10px 12px;min-height:40px}.btn-toggle:hover{border-color:var(--_v8);color:var(--_vb);background:transparent}.btn-toggle.active:hover{border-color:var(--_v3-dim);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 6%,transparent)}}[data-theme=light] .protocol-app .edit-values-panel{background:var(--_vc);border-color:var(--_vd)}.protocol-app .canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.protocol-app .canvas-frame{position:relative;width:100%;height:100%;overflow:hidden;background:var(--_v1);transition:filter .6s ease}.protocol-app .canvas-frame.inverted{filter:invert(1) hue-rotate(180deg)}.protocol-app .canvas-frame.materializing{animation:materialize-pulse .4s ease-in-out}.logo-generator{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--_v1);transition:background .4s,color .4s}.logo-generator.theme-light{background:var(--_v0)}.logo-generator.theme-light .canvas-frame{background:var(--_v1)}.logo-generator{display:flex;flex-direction:column}.logo-generator .canvas-viewport{flex:1 1 auto;min-height:0;height:100%}.logo-generator .canvas-frame .layer{height:60%}.logo-generator .controls-panel{position:fixed;bottom:24px;left:calc(50% + 28px);transform:translate(-50%);flex-shrink:0;align-self:center;margin-bottom:0}@media(max-width:768px){.logo-generator .controls-panel{position:relative;align-self:stretch;margin-bottom:0}.logo-generator{height:100dvh}}.edit-values-panel{position:fixed;top:0;right:0;width:380px;height:100vh;z-index:200;background:color-mix(in srgb,var(--_v0) 97%,transparent);border-left:1px solid var(--_v8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.edit-values-panel.open{transform:translate(0)}.edit-values-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--_v8)}.edit-values-title{font-family:var(--_vf);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--_v3)}.edit-values-close{background:none;border:1px solid var(--_v8);color:var(--_vb);font-family:var(--_vf);font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:all .2s}.edit-values-close:hover{border-color:var(--_v3-dim);color:var(--_v3)}.edit-values-editor{flex:1;overflow-y:auto;padding:0}.code-editor-wrapper{display:flex;min-height:100%}.line-numbers{flex-shrink:0;padding:16px 0;background:#ffffff05;border-right:1px solid var(--_v8);-webkit-user-select:none;user-select:none;min-width:40px;text-align:right;overflow-y:hidden}.line-number{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.8;padding:0 10px 0 8px;color:var(--_vb);opacity:.4}.code-editor-wrapper textarea{flex:1;width:100%;min-height:400px;background:transparent;border:none;color:var(--_v6);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.8;padding:16px;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.code-editor-wrapper textarea::selection{background:color-mix(in srgb,var(--_v3) 20%,transparent)}.edit-values-editor textarea{width:100%;height:100%;min-height:400px;background:#ffffff08;border:1px solid var(--_v8);color:var(--_v6);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.8;padding:16px;border-radius:3px;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.edit-values-editor textarea:focus{border-color:var(--_v3-dim)}.edit-values-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--_v8)}.edit-values-actions button{flex:1;padding:8px 12px;font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .2s}.btn-apply-values{background:transparent;border:1px solid var(--_v3);color:var(--_v3)}.btn-apply-values:hover{background:var(--_v3);color:var(--_v0)}.btn-reset-values{background:transparent;border:1px solid var(--_v8);color:var(--_vb)}.btn-reset-values:hover{border-color:var(--_v6-dim);color:var(--_v6)}.edit-values-error{padding:8px 20px;font-size:12px;color:var(--_v3);font-family:var(--_vf);letter-spacing:.5px;border-top:1px solid color-mix(in srgb,var(--_v3) 20%,transparent);background:color-mix(in srgb,var(--_v3) 4%,transparent)}[data-theme=light] .edit-values-error{background:color-mix(in srgb,var(--_v3) 6%,transparent);border-top-color:color-mix(in srgb,var(--_v3) 25%,transparent)}[data-theme=light] .edit-values-panel{background:var(--_vc);border-color:var(--_vd)}.xy-pad-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:8px 0;position:relative}.xy-pad-label{position:absolute;font-family:var(--_vf);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--_vb);opacity:.5;pointer-events:none;z-index:1}.xy-pad-label-top{top:8px;left:50%;transform:translate(-50%)}.xy-pad-label-bottom{bottom:8px;left:50%;transform:translate(-50%)}.xy-pad-label-left{left:8px;top:50%;writing-mode:vertical-lr;transform:translateY(-50%) rotate(180deg)}.xy-pad-label-right{right:8px;top:50%;writing-mode:vertical-lr;transform:translateY(-50%)}.xy-pad{position:relative;width:100%;aspect-ratio:1;max-height:224px;background:#0000004d;border:1px solid var(--_v8);border-radius:4px;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}[data-theme=light] .xy-pad{background:#0000000f}.xy-pad-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(200,196,184,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(200,196,184,.06) 1px,transparent 1px);background-size:25% 25%;pointer-events:none}[data-theme=light] .xy-pad-grid{background-image:linear-gradient(to right,rgba(42,40,38,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(42,40,38,.08) 1px,transparent 1px)}.xy-pad-thumb{position:absolute;top:0;left:0;border-radius:4px;background:var(--_v3, #E8503A);box-shadow:0 0 8px color-mix(in srgb,var(--_v3) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--_v3) 20%,transparent);cursor:grab;will-change:transform;transition:box-shadow .15s ease}[data-theme=light] .xy-pad-thumb{box-shadow:0 2px 8px color-mix(in srgb,var(--_v3) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--_v3) 30%,transparent)}.xy-pad-thumb:hover,.xy-pad:active .xy-pad-thumb{box-shadow:0 0 12px color-mix(in srgb,var(--_v3) 50%,transparent),0 0 0 2px color-mix(in srgb,var(--_v3) 30%,transparent);cursor:grabbing}[data-theme=light] .xy-pad-thumb:hover,[data-theme=light] .xy-pad:active .xy-pad-thumb{box-shadow:0 2px 16px color-mix(in srgb,var(--_v3) 45%,transparent),0 0 0 2px color-mix(in srgb,var(--_v3) 35%,transparent)}@media(max-width:768px){.xy-pad{max-height:240px}.xy-pad-wrap{padding:16px 24px 8px}}@media(max-width:480px){.xy-pad{max-height:140px}.xy-pad-wrap{padding:8px 16px 4px}}.st-app{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--_v1);color:var(--_va);transition:background .4s,color .4s;display:flex;flex-direction:column;animation:stPageIn .8s cubic-bezier(.16,1,.3,1) both;padding-left:56px}@keyframes stPageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.st-app.theme-light{background:var(--_v1)}.st-action-toolbar{position:fixed;top:20px;right:24px;z-index:50;display:flex;align-items:center;gap:6px}.st-stage-badge{position:fixed;top:24px;right:80px;z-index:50;font-family:var(--_vf);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--_v3);background:var(--_v0);border:1px solid var(--_v8);border-radius:4px;padding:6px 14px;display:flex;align-items:center;gap:10px}.st-mode-toggle{background:none;border:1px solid var(--_v8);border-radius:4px;color:var(--_v6);cursor:pointer;padding:3px 6px;display:flex;align-items:center;transition:border-color .2s,color .2s}.st-mode-toggle:hover{border-color:var(--_v3);color:var(--_v3)}.st-mode-toggle:disabled{opacity:.5;cursor:wait}@keyframes st-spin{to{transform:rotate(360deg)}}.st-spinner{display:inline-flex;animation:st-spin 1s linear infinite;will-change:transform}.st-preview-area{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;justify-content:center}.st-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;width:480px;max-width:calc(100% - 48px);height:340px;border:2px dashed var(--_v8-strong);border-radius:12px;cursor:pointer;transition:all .3s ease;background:transparent}.st-upload-zone:hover,.st-upload-zone--active{border-color:var(--_v3);background:color-mix(in srgb,var(--_v3) 4%,transparent)}.st-upload-icon{color:var(--_vb);transition:color .3s}.st-upload-zone:hover .st-upload-icon{color:var(--_v3)}.st-upload-label{font-family:var(--_vf);font-size:14px;color:var(--_v6);letter-spacing:1px}.st-upload-hint{font-family:var(--_vf);font-size:12px;color:var(--_vb);letter-spacing:.5px}.st-head-preview{position:fixed;bottom:0;right:0;width:60%;height:85%;border:none;pointer-events:none;z-index:1;opacity:0;mix-blend-mode:lighten;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translate(30px)}.st-head-preview.st-head-loaded{opacity:.55;transform:translate(0)}.st-canvas-container{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--_v8);overflow:hidden;transition:border-radius .4s ease-out}.st-canvas-container.st-circle{border-radius:50%}.st-main-canvas{display:block;max-width:90vw;max-height:min(720px,calc(100vh - 160px));-webkit-user-select:none;user-select:none}.st-animation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.st-fill-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;transition:opacity .2s,background-color .2s}.st-select-hint{position:absolute;top:24px;left:50%;transform:translate(-50%);font-family:var(--_vf);font-size:12px;letter-spacing:1px;color:var(--_vb);background:var(--_v0);border:1px solid var(--_v8);border-radius:4px;padding:8px 16px;z-index:10;white-space:nowrap;animation:panelFadeIn .5s ease-out}.st-magic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:color-mix(in srgb,var(--_v0) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:panelFadeIn .3s ease-out}.st-magic-spinner{width:40px;height:40px;border:2px solid var(--_v8);border-top-color:var(--_v3);border-radius:50%;animation:st-spin .8s linear infinite}.st-magic-label{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_v3)}.st-canvas-apply-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:6px;font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#1a1917;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:8px 18px;cursor:pointer;transition:all .2s;white-space:nowrap;animation:panelFadeIn .4s ease-out}.st-canvas-apply-btn:hover{border-color:var(--_v3);color:var(--_v3)}[data-theme=light] .st-canvas-apply-btn{background:var(--white);color:var(--text-dark);border-color:var(--_v8-strong)}[data-theme=light] .st-canvas-apply-btn:hover{border-color:var(--_v3);color:var(--_v3)}.st-shape-hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent}.st-draw-bar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--_v0) 85%,transparent);border:1px solid var(--_v8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;animation:panelFadeIn .4s ease-out}.st-draw-bar-step{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_v3);white-space:nowrap}.st-draw-bar-divider{width:1px;height:20px;background:var(--_v8);flex-shrink:0}.st-draw-bar-btn{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.st-draw-bar-done{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb);white-space:nowrap}.st-draw-bar-next{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-color:var(--_v3)!important;color:var(--_v3)!important;transition:all .2s}.st-draw-bar-next:disabled{opacity:.35;border-color:var(--_v8)!important;color:var(--_vb)!important;cursor:not-allowed}.st-draw-bar-next:not(:disabled):hover{background:color-mix(in srgb,var(--_v3) 12%,transparent)}.st-toolbar-left,.st-toolbar-right{display:flex;align-items:center;gap:2px;padding:6px;background:color-mix(in srgb,var(--_v0) 85%,transparent);border:1px solid var(--_v8);white-space:nowrap;animation:panelFadeIn .4s ease-out}.st-toolbar-group{display:flex;align-items:center;gap:2px}.st-toolbar-divider{width:1px;height:24px;background:var(--_v8);margin:0 6px;flex-shrink:0}.st-opacity-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:3px;background:var(--_v8);border-radius:2px;outline:none;cursor:pointer}.st-opacity-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--_v3);cursor:pointer;border:none}.st-opacity-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--_v3);cursor:pointer;border:none}.st-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--_vb);cursor:pointer;transition:color .2s,background .2s;border-radius:2px;position:relative}.st-tool-btn:hover{color:var(--_v6);background:#ffffff0a}.st-tool-btn:disabled{opacity:.35;cursor:not-allowed}.st-tool-btn.active{color:var(--_v3)}.st-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_v6);background:color-mix(in srgb,var(--_v0) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--_v8);padding:4px 8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;border-radius:4px;z-index:100}.st-tool-btn:hover .st-tooltip{opacity:1;transition-delay:.3s}.st-popover-wrapper{position:relative;display:flex;align-items:center;gap:2px}.st-popover-trigger{display:none}.st-popover-inline{display:flex;align-items:center;gap:2px}.st-tool-label{font-family:var(--_vf);font-size:12px;letter-spacing:.5px}.st-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:color-mix(in srgb,var(--_v0) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--_v6);animation:panelFadeIn .3s ease-out}.st-bg-loader{position:relative;width:64px;height:64px}.st-bg-loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid color-mix(in srgb,var(--_v3) 15%,transparent);border-top-color:var(--_v3);border-radius:50%;animation:st-ring-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.st-bg-loader-ring--2{top:8px;right:8px;bottom:8px;left:8px;border-width:2px;border-color:color-mix(in srgb,var(--_v3) 10%,transparent);border-top-color:color-mix(in srgb,var(--_v3) 60%,transparent);animation:st-ring-spin-reverse 1.6s cubic-bezier(.5,0,.5,1) infinite}.st-bg-loader-core{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--_v3);animation:st-core-pulse 1.2s ease-in-out infinite}@keyframes st-ring-spin{to{transform:rotate(360deg)}}@keyframes st-ring-spin-reverse{to{transform:rotate(-360deg)}}@keyframes st-core-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.st-loading-text{font-family:var(--_vf);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--_v3)}.st-loading-subtext{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb)}.st-loading-progress-bar{width:200px;height:4px;background:var(--_v8);border-radius:2px;overflow:hidden}.st-loading-progress-fill{height:100%;background:var(--_v3);border-radius:2px;transition:width .2s ease-out}.st-toolbar-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;position:relative;z-index:10;animation:panelFadeIn .4s ease-out}.st-right-sidebar{position:fixed;top:50%;right:24px;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;width:260px;max-height:calc(100vh - 160px);overflow-y:auto}.st-layers-panel{background:color-mix(in srgb,var(--_v0) 88%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--_v8);border-radius:6px;animation:panelFadeIn .4s ease-out}.st-layers-panel .st-panel-header{padding:12px 16px;cursor:default}.st-layers-list{padding:4px 8px}.st-layer-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;transition:background .15s;cursor:default}.st-layer-row:hover{background:#ffffff08}.st-layer-row.active{background:color-mix(in srgb,var(--_v3) 8%,transparent);border:1px solid color-mix(in srgb,var(--_v3) 20%,transparent);margin:-1px}.st-layer-row.drawing{border-style:dashed}.st-layer-row.active .st-layer-icon{color:var(--_v3)}.st-layer-name{flex:1;font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_v6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-layer-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.st-layer-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--_vb);cursor:pointer;border-radius:3px;transition:color .15s,background .15s}.st-layer-action:hover{color:var(--_v6);background:#ffffff0f}.st-layer-action.st-layer-apply{color:var(--_v3)}.st-layer-action.st-layer-apply:hover{background:color-mix(in srgb,var(--_v3) 15%,transparent)}.st-layer-action.st-layer-delete:hover{color:#f44}.st-layers-divider{height:1px;background:var(--_v8);margin:4px 0}.st-layers-footer{padding:8px;border-top:1px solid var(--_v8)}.st-add-layer-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:1px dashed var(--_v8);border-radius:4px;color:var(--_vb);font-family:var(--_vf);font-size:12px;letter-spacing:.5px;cursor:pointer;transition:all .2s}.st-add-layer-btn:hover:not(:disabled){color:var(--_v3);border-color:var(--_v3);background:color-mix(in srgb,var(--_v3) 5%,transparent)}.st-add-layer-btn:disabled{opacity:.35;cursor:not-allowed}.st-layer-controls{border-top:1px solid var(--_v8);padding:8px}.st-color-picker-wrapper{position:relative}.st-color-indicator{position:absolute;bottom:2px;right:4px;width:8px;height:8px;border-radius:50%;border:1px solid var(--_v8);pointer-events:none}.st-color-popover{position:absolute;bottom:calc(100% + 8px);left:0;background:color-mix(in srgb,var(--_v0) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--_v8);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px;z-index:100;animation:panelFadeIn .2s ease-out}.st-popover-opacity{display:flex;align-items:center;gap:8px;color:var(--_vb)}.st-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:color-mix(in srgb,var(--_v0) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:panelFadeIn .2s ease-out}.st-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--_v8);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--_v0) 98%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.st-modal-title{font-family:var(--_vf);font-size:13px;letter-spacing:2px;color:var(--_v6)}.st-export-panel{background:color-mix(in srgb,var(--_v0) 95%,transparent);border:1px solid var(--_v8);border-radius:2px;width:90vw;max-width:900px;max-height:85vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:panelFadeIn .3s ease-out}@media(min-width:768px){.st-export-panel{max-height:none;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;height:560px}.st-export-panel .st-modal-header{grid-column:1 / -1}.st-export-preview{border-bottom:none;border-right:1px solid var(--_v8)}.st-export-body{overflow-y:auto}}.st-export-preview{display:flex;align-items:center;justify-content:center;padding:20px;min-height:160px;background:#0000004d;border-bottom:1px solid var(--_v8)}.st-export-preview-canvas{display:block;max-width:100%;max-height:100%;border-radius:4px;border:1px solid var(--_v8)}.st-export-preview-canvas.st-circle{border-radius:50%}.st-export-preview-empty{font-family:var(--_vf);font-size:12px;letter-spacing:1px;color:var(--_vb)}.st-export-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.st-export-body>*{flex-shrink:0}.st-export-section{display:flex;flex-direction:column;gap:8px}.st-export-desc{font-family:var(--_vf);font-size:12px;line-height:1.5;letter-spacing:.3px;color:var(--_vb)}.st-export-estimate{font-family:var(--_vf);font-size:12px;letter-spacing:1px;color:var(--_v3);text-align:center;padding:8px;border-top:1px solid var(--_v8);border-bottom:1px solid var(--_v8)}.st-export-input{width:100%;padding:8px 12px;font-family:var(--_vf);font-size:13px;letter-spacing:.5px;color:var(--_v6);background:#0000004d;border:1px solid var(--_v8);border-radius:4px;outline:none;transition:border-color .2s}.st-export-input:focus{border-color:var(--_v3)}.st-export-input::placeholder{color:var(--_vb)}.st-export-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;font-family:var(--_vf);font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--_v3);border:none;border-radius:2px;cursor:pointer;transition:all .2s}.st-export-btn:hover:not(:disabled){filter:brightness(1.1)}.st-export-btn:disabled{opacity:.4;cursor:not-allowed}.st-export-snippet{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#00000059;border:1px solid var(--_v8);border-radius:2px}.st-export-snippet code{flex:1;font-family:var(--_vf);font-size:12px;line-height:1.5;letter-spacing:.3px;color:var(--_vb);word-break:break-all;white-space:pre-wrap}[data-theme=light] .st-export-panel{background:color-mix(in srgb,var(--white) 95%,transparent)}[data-theme=light] .st-export-preview{background:#0000000a}[data-theme=light] .st-export-snippet{background:#00000008}.st-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--_v8);cursor:pointer}.st-panel-title{font-family:var(--_vf);font-size:13px;letter-spacing:2px;color:var(--_v6)}.st-panel-body{padding:16px 20px}.st-app.theme-light .st-panel{background:color-mix(in srgb,var(--_v0) 92%,transparent)}.st-layers{margin-bottom:14px}.st-layers-title{font-family:var(--_vf);font-size:12px;letter-spacing:2px;color:var(--_vb);margin-bottom:8px}.st-layer-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:4px;margin-bottom:4px;transition:background .15s}.st-layer-item:hover{background:color-mix(in srgb,var(--_v6) 5%,transparent)}.st-layer-icon{color:var(--_vb);flex-shrink:0}.st-layer-name{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_v6);flex:1;white-space:nowrap}.st-layer-hint{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb);opacity:.6;white-space:nowrap}.st-layer-item.active .st-layer-icon,.st-layer-item.active .st-layer-name{color:var(--_v3)}.st-layer-action{background:none;border:none;cursor:pointer;color:var(--_vb);padding:2px;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.st-layer-action:hover{color:var(--_v6)}.st-layer-delete:hover{color:#e85050}.st-layer-edit.active{color:var(--_v3);background:color-mix(in srgb,var(--_v3) 12%,transparent);border-radius:3px;padding:2px 6px}.st-layer-item.editing{border-color:var(--_v3);background:color-mix(in srgb,var(--_v3) 5%,transparent)}.st-layers-divider{height:1px;background:var(--_v8);margin-top:4px;margin-bottom:4px}.st-controls{display:flex;flex-direction:column;gap:12px}.st-control-section{display:flex;flex-direction:column;gap:8px}.st-preset-row{display:flex;gap:6px;flex-wrap:wrap}.st-preset-btn{position:relative;display:inline-flex;align-items:center;gap:4px;font-family:var(--_vf);font-size:12px;letter-spacing:.5px;padding:6px 12px;border:1px solid var(--_v8);border-radius:4px;background:transparent;color:var(--_vb);cursor:pointer;transition:all .2s}.st-preset-btn:hover{border-color:var(--_v6);color:var(--_v6)}.st-preset-btn.active{border-color:var(--_v3);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.st-preset-settings{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px;border-radius:3px;opacity:.7;cursor:pointer;transition:opacity .15s,background .15s}.st-preset-settings:hover{opacity:1;background:color-mix(in srgb,var(--_v3) 20%,transparent)}.st-palette-row{display:flex;gap:8px;flex-wrap:wrap}.st-palette-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--_v8);border-radius:4px;background:transparent;cursor:pointer;transition:all .2s;flex:1 1 calc(33.33% - 6px);min-width:0}.st-palette-btn:hover{border-color:var(--_v6)}.st-palette-btn.active{border-color:var(--_v3)}.st-palette-swatch{display:block;width:100%;height:16px;border-radius:3px}.st-palette-label{font-family:var(--_vf);font-size:12px;color:var(--_vb);letter-spacing:.5px}.st-palette-btn.active .st-palette-label{color:var(--_v3)}.st-blend-row{display:flex;gap:6px;flex-wrap:wrap}.st-blend-btn{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;padding:5px 10px;border:1px solid var(--_v8);border-radius:4px;background:transparent;color:var(--_vb);cursor:pointer;transition:all .2s}.st-blend-btn:hover{border-color:var(--_v6);color:var(--_v6)}.st-blend-btn.active{border-color:var(--_v3);color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.st-fill-color-row{margin-top:4px}.st-color-swatches{display:flex;gap:6px;align-items:center}.st-color-swatch-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;padding:3px;transition:border-color .2s;display:flex;align-items:center;justify-content:center}.st-color-swatch-btn:hover{border-color:var(--_v6-dim)}.st-color-swatch-btn.active{border-color:var(--_v3)}.st-color-dot{display:block;width:18px;height:18px;border-radius:50%}.st-color-input{width:28px;height:28px;border:1px solid var(--_v8);border-radius:50%;padding:0;cursor:pointer;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.st-color-input::-webkit-color-swatch-wrapper{padding:2px}.st-color-input::-webkit-color-swatch{border:none;border-radius:50%}.st-panel-footer{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--_v8)}.st-save-btn,.st-export-btn{border-color:var(--_v3)!important;color:var(--_v3)!important}.st-export-btn:disabled{opacity:.5;cursor:wait}[data-theme=light] .st-draw-bar{background:color-mix(in srgb,var(--_v0) 95%,transparent)}[data-theme=light] .st-loading-overlay{background:color-mix(in srgb,var(--_v0) 90%,transparent)}.st-mobile-fabs,.st-mobile-backdrop{display:none}@media(max-width:768px){.page-sidebar{display:none!important}.st-app{overflow:hidden;touch-action:none;overscroll-behavior:none;height:100vh;height:100dvh;padding-left:0}.st-action-toolbar{display:none}.st-stage-badge{top:10px;right:56px;font-size:12px;padding:4px 10px}.st-preview-area{padding:60px 12px 80px;flex:1 1 auto;min-height:0;gap:8px;justify-content:center;overflow:hidden}.st-main-canvas{max-width:96vw;max-height:calc(100dvh - 200px);touch-action:none;object-fit:contain}.st-upload-zone{width:calc(100% - 24px);max-width:360px;height:auto;min-height:260px;aspect-ratio:3 / 4;margin:auto}.st-draw-bar{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--_v0) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--_v8);border-radius:0;z-index:55;white-space:normal}.st-draw-bar-step{font-size:12px;text-align:center;line-height:1.4}.st-toolbar-row{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;flex-wrap:nowrap;justify-content:center;gap:2px;padding:6px 10px;padding-bottom:max(6px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--_v0) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--_v8);border-radius:0;z-index:55}.st-popover-trigger{display:flex}.st-popover-inline{display:none;flex-direction:column;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--_v0) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--_v8);border-radius:6px;padding:4px;gap:2px;z-index:60;box-shadow:0 -4px 16px #0000004d}.st-popover-inline.st-popover-open{display:flex}.st-toolbar-center{position:static;transform:none}.st-toolbar-right{justify-content:center}.st-tool-btn{width:44px;height:44px}.st-tool-btn svg{width:20px;height:20px}.st-tool-btn:hover{background:none;color:var(--_vb)}.st-tool-btn.active:hover{color:var(--_v3)}.st-tooltip{display:none}.st-toolbar-divider{height:20px;margin:0 2px}.st-mobile-fabs{display:flex;flex-direction:column;gap:8px;position:fixed;right:12px;bottom:calc(56px + max(6px,env(safe-area-inset-bottom)));z-index:56}.st-fab{width:44px;height:44px;border-radius:50%;border:1px solid var(--_v8);background:color-mix(in srgb,var(--_v0) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--_vb);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.st-fab.active{color:var(--_v3, #E8503A);border-color:var(--_v3, #E8503A);background:color-mix(in srgb,var(--_v3, #E8503A) 12%,var(--_v0) 88%)}.st-canvas-apply-btn{bottom:16px;left:50%;right:auto;transform:translate(-50%);font-size:12px;padding:8px 20px;background:color-mix(in srgb,var(--_v0) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--_v6);border:1px solid var(--_v8);border-radius:6px}.st-right-sidebar{position:static;top:auto;right:auto;transform:none;width:auto;max-height:none;overflow:visible}.st-layers-panel,.st-properties-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:55vh;border:none;border-top:1px solid var(--_v8);border-radius:12px 12px 0 0;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:70;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.st-app[data-mobile-panel=layers] .st-layers-panel,.st-app[data-mobile-panel=properties] .st-properties-panel{transform:translateY(0);opacity:1;pointer-events:auto}.st-app[data-mobile-panel=layers] .st-mobile-backdrop,.st-app[data-mobile-panel=properties] .st-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:65;touch-action:none}.st-panel-header{padding:14px 16px;position:sticky;top:0;z-index:1;background:inherit}.st-layers-list{padding:4px 12px 16px;max-height:calc(55vh - 80px);overflow-y:auto}.st-layer-controls{padding:0 12px 16px}.st-layer-row{padding:10px 8px;min-height:44px}.st-layer-action{width:36px;height:36px}.st-export-panel{width:calc(100% - 24px)}.st-color-popover{bottom:calc(100% + 8px);top:auto;left:50%;transform:translate(-50%)}.st-color-swatches{flex-direction:column}}.engine-lab{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:manipulation;background:var(--_v0);color:var(--_va);transition:background .4s,color .4s}.engine-lab.theme-light{background:var(--_v0)}.engine-preview-orb{position:fixed;bottom:24px;left:80px;z-index:45;width:300px;height:300px;border-radius:50%;overflow:hidden;pointer-events:none;background:var(--_v0)}.engine-preview-orb canvas{display:block;width:100%;height:100%;border-radius:50%}.engine-header{position:fixed;top:20px;left:80px;z-index:50;display:flex;align-items:center;gap:12px}.engine-lab .seed-display{position:fixed;top:20px;right:24px;z-index:50;text-align:right}.engine-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--_v8);border-radius:50%;background:color-mix(in srgb,var(--_v0) 70%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--_v6);cursor:pointer;pointer-events:auto;transition:border-color .3s}.engine-back:hover{border-color:var(--_v3, #E8503A)}@media(min-width:769px){.engine-back{display:none}}@media(max-width:480px){.engine-brand{display:none}.engine-header{top:16px;left:16px}}.engine-brand h1{font-family:var(--_vf);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--_v6);margin:0}.engine-subtitle{font-family:var(--_vf);font-size:12px;letter-spacing:1.5px;color:var(--_vb);margin-top:4px}.engine-seed-toolbar{position:fixed;top:20px;right:24px;z-index:50;display:flex;flex-direction:row;align-items:center;gap:6px}.est-seed-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.est-label{font-family:var(--_vf);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--_vb)}.est-actions{display:flex;align-items:center;gap:8px}.est-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--_v8);border-radius:0;background:color-mix(in srgb,var(--_v0) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--_vb);cursor:pointer;transition:color .2s,border-color .2s,background .2s;padding:0}.est-icon-btn:hover{color:var(--_v6);border-color:var(--_v6)}.est-icon-btn{position:relative}.est-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:var(--_v6);background:var(--_v0);border:1px solid var(--_v8);padding:4px 8px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.est-icon-btn:hover .est-tooltip{opacity:1}.est-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-family:var(--_vf);font-size:12px;font-weight:700;line-height:1;color:var(--_v0);background:var(--_v3);border-radius:50%;padding:0 2px;pointer-events:none}.est-bookmarked{color:var(--_v3)!important;border-color:var(--_v3)!important}.est-separator{width:1px;height:24px;background:var(--_v8);margin:0 4px}.est-export-btn{width:40px;height:40px}.est-export-btn:hover{border-color:var(--_v3);color:var(--_v3)}.est-seed-row{display:flex;align-items:center;gap:4px}.est-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--_vb);cursor:pointer;padding:0;transition:color .2s}.est-arrow:hover{color:var(--_v3)}.est-seed-value{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--_v3)}.est-bookmark-wrap{position:relative}.est-bookmark-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:200px;max-width:280px;background:var(--_v0);border:1px solid var(--_v8);padding:8px;display:flex;flex-direction:column;gap:2px;animation:wf-popover-in .15s ease}[data-theme=light] .est-bookmark-popover{background:var(--_v0);border-color:#0000001a}.engine-macro-knob{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:0;pointer-events:auto;width:430px;max-width:calc(100% - 48px);background:color-mix(in srgb,var(--_v0) 85%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--_v8);overflow:hidden}.engine-topo-carousel{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--_v8);min-width:0}.engine-topo-label{position:sticky;left:0;z-index:2;flex-shrink:0;padding:10px 0 10px 16px;font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--_vb);background:inherit;margin-right:0}.engine-topo-label:after{content:"";position:absolute;top:0;right:-16px;width:16px;height:100%;background:linear-gradient(to right,color-mix(in srgb,var(--_v0) 85%,transparent),transparent);pointer-events:none;z-index:1}.engine-topo-buttons{display:flex;align-items:center;gap:6px;padding:10px 16px 10px 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.engine-topo-buttons::-webkit-scrollbar{display:none}.engine-topo-buttons{cursor:grab;touch-action:pan-x}.engine-topo-buttons--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.engine-topo-buttons .segmented-control-buttons{flex-wrap:nowrap;gap:6px}.engine-topo-buttons .segmented-control-btn{white-space:nowrap;flex-shrink:0}.engine-macro-body{padding:16px 20px}.engine-settings-fab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:auto;padding:12px 0;border:1px solid var(--_v8);border-right:none;border-radius:0;background:color-mix(in srgb,var(--_v0) 70%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--_vb);cursor:pointer;transition:color .2s,border-color .2s}.engine-settings-fab-label{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;color:inherit}.engine-settings-fab:hover{color:var(--_v6);border-color:var(--_v6)}.engine-settings-drawer{position:fixed;top:50%;right:0;max-height:80%;z-index:60;width:340px;background:color-mix(in srgb,var(--_v0) 92%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--_v8);border-top:1px solid var(--_v8);border-bottom:1px solid var(--_v8);transform:translateY(-50%) translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.engine-settings-drawer.open{transform:translateY(-50%) translate(0)}.engine-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--_v8);flex-shrink:0}.engine-drawer-title{font-family:var(--_vf);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--_v3)}.engine-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--_v8);border-radius:50%;background:none;color:var(--_vb);cursor:pointer;transition:color .2s,border-color .2s;padding:0}.engine-drawer-close:hover{color:var(--_v6);border-color:var(--_v6)}.engine-drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.engine-drawer-body .segmented-control{margin-top:4px}.engine-drawer-body .sliders-row{flex-direction:column}.engine-panel{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;width:640px;max-width:calc(100% - 48px);max-height:calc(100vh - 120px);overflow-y:auto;transition:all .35s cubic-bezier(.4,0,.2,1);padding:0;gap:0}.engine-panel .collapsible-panel-header{padding:14px 20px;border-bottom:1px solid var(--_v8)}.engine-panel .collapsible-panel-body{padding:16px 20px}.engine-panel .segmented-control{margin-top:4px}.engine-panel-footer{display:flex;gap:8px;padding-top:6px}.engine-sliders{display:flex;flex-direction:column;gap:10px;width:100%}.engine-sliders .slider-label{font-size:12px;letter-spacing:1px}@media(max-width:1024px){.engine-macro-knob{width:360px}.engine-seed-toolbar{gap:4px}.engine-preview-orb{width:240px;height:240px}}@media(max-width:768px){.engine-lab .seed-display{right:24px;top:20px}}@media(max-width:480px){.engine-panel{width:auto;bottom:12px;max-width:calc(100vw - 24px)}.engine-panel .collapsible-panel-body{padding:12px 14px}.engine-sliders{gap:8px}.engine-preview-orb{width:100px;height:100px;left:8px;bottom:8px}.engine-lab .seed-display{display:none}.engine-panel-footer{flex-wrap:wrap}}[data-theme=light] .est-icon-btn,[data-theme=light] .est-tooltip,[data-theme=light] .engine-macro-knob,[data-theme=light] .engine-settings-fab,[data-theme=light] .engine-settings-drawer,[data-theme=light] .engine-preview-orb,[data-theme=light] .st-layers-panel,[data-theme=light] .st-toolbar-left,[data-theme=light] .st-toolbar-right{background:var(--_vc);border-color:var(--_vd)}[data-theme=light] .est-badge{color:#fff}.wg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.wg-sliders{display:flex;flex-direction:column;gap:10px;width:100%}.wg-sliders .slider-label{font-size:12px;letter-spacing:1px}@media(max-width:480px){.wg-sliders{gap:8px}.segmented-control{flex-wrap:wrap;gap:8px}.segmented-control-buttons{flex-wrap:wrap}}.style-guide{display:flex;height:100vh;overflow:hidden;background:var(--_v0);padding-left:56px}.sg-nav{flex-shrink:0;width:200px;border-right:1px solid var(--_v8);padding:32px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sg-nav-title{font-family:var(--_vf);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--_v3);margin-bottom:20px}.sg-nav-link{display:block;padding:6px 10px;border:none;background:none;text-align:left;font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb);cursor:pointer;border-radius:2px;transition:color .15s ease,background .15s ease;width:100%}.sg-nav-link:hover{color:var(--_v6);background:#c8c4b80f}.sg-nav-link.active{color:var(--_v3);background:color-mix(in srgb,var(--_v3) 8%,transparent)}.sg-main{flex:1;overflow-y:auto;padding:40px 48px 80px}.sg-section{margin-bottom:64px}.sg-section-title{font-family:var(--_vf);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--_v3);margin-bottom:8px}.sg-section-desc{font-family:var(--_vg);font-size:13px;color:var(--_vb);margin-bottom:28px;line-height:1.6}.sg-specimen{background:color-mix(in srgb,var(--_v1) 60%,transparent);border:1px solid var(--_v8);border-radius:4px;padding:24px;margin-bottom:20px}.sg-specimen-label{font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--_vb);margin-bottom:16px;display:flex;align-items:center;gap:8px}.sg-specimen-label code{font-size:12px;color:var(--_v6);opacity:.5;letter-spacing:0;text-transform:none}.sg-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sg-color-card{display:flex;flex-direction:column;border:1px solid var(--_v8);border-radius:3px;overflow:hidden}.sg-color-swatch{height:56px;width:100%}.sg-color-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.sg-color-name{font-family:var(--_vf);font-size:12px;color:var(--_v6);letter-spacing:.5px}.sg-color-var{font-family:var(--_vf);font-size:12px;color:var(--_vb);letter-spacing:0}.sg-type-specimen{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--_v8)}.sg-type-specimen:last-child{border-bottom:none}.sg-type-sample{font-size:28px;line-height:1.3;color:var(--_v6);margin-bottom:8px}.sg-type-meta{font-family:var(--_vf);font-size:12px;color:var(--_vb);letter-spacing:.5px}.sg-controls-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sg-controls-stack{display:flex;flex-direction:column;gap:16px}.sg-slider-demo{max-width:320px;width:100%}.sg-inline-demo{max-width:280px;width:100%}.sg-editor-demo{position:relative;min-height:280px}.sg-editor-demo .spectra-editor-toolbar{position:relative;top:auto;right:auto}.sg-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.sg-tint-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:1px solid var(--_v8);border-radius:3px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.sg-tint-card:hover{border-color:var(--_v8-strong)}.sg-tint-card.active{border-color:var(--_v3);background:color-mix(in srgb,var(--_v3) 6%,transparent)}.sg-tint-dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--_v8)}.sg-tint-label{font-family:var(--_vf);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--_vb)}.sg-mode-row{display:flex;gap:8px;margin-bottom:20px}[data-theme=light] .style-guide{background:var(--_v0)}[data-theme=light] .sg-nav{border-right-color:var(--_v8)}[data-theme=light] .sg-nav-link:hover{background:#2a28260f}[data-theme=light] .sg-specimen{background:#fff6;border-color:var(--_v8)}[data-theme=light] .sg-color-card,[data-theme=light] .sg-tint-card{border-color:var(--_v8)}[data-theme=light] .sg-tint-card:hover{border-color:var(--_v8-strong)}.sg-sidebar-demo{position:relative;height:280px;border:1px solid var(--_v8);border-radius:4px;overflow:hidden;background:var(--_v0)}.sg-sidebar-demo .page-sidebar{position:relative;height:100%;z-index:1}.sg-nav-row{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.sg-nav-item{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.sg-nav-item-label{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb)}.sg-tooltip-demo{position:relative;height:100px;display:flex;align-items:center;justify-content:center}.sg-tooltip-demo .drag-tooltip{position:relative!important;opacity:1!important;animation:none!important}.sg-toolbar-demo{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.sg-toolbar-demo .se-toolbar{position:relative;width:100%;max-width:600px}.sg-fab-row{display:flex;gap:16px;align-items:center}.sg-atoms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sg-atom-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--_v8);border-radius:4px;background:color-mix(in srgb,var(--_v1) 40%,transparent)}.sg-atom-label{font-family:var(--_vf);font-size:12px;letter-spacing:.5px;color:var(--_vb)}.sg-atom-label code{font-size:12px;color:var(--_v6);opacity:.5;letter-spacing:0;text-transform:none}.sg-atom-demo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sg-dropdown-demo{position:relative;display:inline-block}.sg-dropdown-demo .export-dropdown{position:relative;bottom:auto;right:auto}.sg-input-row{display:flex;gap:16px;flex-wrap:wrap}.sg-input-item{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}.sg-dividers-row{display:flex;gap:24px;align-items:center}.sg-dividers-row .se-toolbar-divider{flex-shrink:0}.sg-modal-demo{max-width:420px;width:100%}.sg-modal-demo .se-modal{position:relative;width:100%}.sg-panel-demo{position:relative;display:flex;gap:16px;min-height:320px}.sg-panel-demo .se-panel{position:relative;bottom:auto;right:auto;transform:none;opacity:1;pointer-events:auto;flex-shrink:0}.sg-preview-card{flex:1;min-height:260px;display:flex;align-items:center;justify-content:center}.sg-preview-card .se-tile-preview{height:240px;width:auto;aspect-ratio:3 / 4}.sg-upload-demo{max-width:420px}[data-theme=light] .sg-sidebar-demo{background:var(--_v0)}[data-theme=light] .sg-atom-card{background:#ffffff4d;border-color:var(--_v8)}@media(max-width:768px){.style-guide{flex-direction:column;padding-left:0}.sg-nav{width:100%;flex-direction:row;flex-wrap:wrap;padding:12px 16px;border-right:none;border-bottom:1px solid var(--_v8);overflow-x:auto}.sg-nav-title{width:100%;margin-bottom:8px}.sg-main{padding:24px 20px 60px}}