@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--color-bg:#0a0a0f;--color-surface:#14141e;--color-border:#2a2a3a;--color-text:#e0e0e0;--color-text-muted:#a0a0a0;--color-accent:#2dd4bf;--color-accent-hover:#5eead4}*{box-sizing:border-box}html,body{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;-webkit-touch-callout:none;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden}.no-select{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.canvas-container.svelte-o4ydsk{position:fixed;inset:0;overflow:hidden;background:#0d0d12}canvas.svelte-o4ydsk{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;animation:svelte-o4ydsk-canvas-fade-in .8s ease-out forwards}@keyframes svelte-o4ydsk-canvas-fade-in{0%{opacity:0}to{opacity:1}}canvas.pan-ready.svelte-o4ydsk{cursor:grab}canvas.panning.svelte-o4ydsk{cursor:grabbing}canvas.hidden.svelte-o4ydsk{display:none}.error.svelte-o4ydsk{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0e0e0;text-align:center;padding:2rem}.error-icon.svelte-o4ydsk{font-size:4rem;margin-bottom:1rem}.error.svelte-o4ydsk h2:where(.svelte-o4ydsk){font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#ff6b6b}.error.svelte-o4ydsk p:where(.svelte-o4ydsk){margin:.5rem 0;max-width:500px;line-height:1.6}.error.svelte-o4ydsk .hint:where(.svelte-o4ydsk){color:#888;font-size:.9rem}.popup-backdrop.svelte-d1h2e2{position:fixed;inset:0;z-index:99;background:transparent}.controls.svelte-d1h2e2{position:fixed;top:1rem;right:1rem;display:flex;gap:.35rem;align-items:center;background:var(--toolbar-bg, rgba(12, 12, 18, .5));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.35rem;border-radius:9999px;border:1px solid var(--toolbar-border, rgba(255, 255, 255, .08));z-index:100;transition:gap .2s ease,padding .2s ease,background .2s ease}.controls.collapsed.svelte-d1h2e2{padding:.35rem;gap:0}.button-group.svelte-d1h2e2{display:flex;gap:0;align-items:center;background:var(--group-bg, rgba(255, 255, 255, .04));padding:.2rem .35rem;border-radius:9999px;border:1px solid var(--group-border, rgba(255, 255, 255, .06));transition:background .15s,border-color .15s}.button-group.svelte-d1h2e2:hover{background:var(--group-bg-hover, rgba(255, 255, 255, .06));border-color:var(--group-border-hover, rgba(255, 255, 255, .1))}.controls.collapsed.svelte-d1h2e2 .button-group:where(.svelte-d1h2e2):not(.collapse-group){opacity:0;max-width:0;max-height:0;padding:0;margin:0;border-width:0;overflow:hidden;pointer-events:none}.button-group.svelte-d1h2e2{transition:opacity .2s ease,max-width .2s ease,max-height .2s ease,padding .2s ease,margin .2s ease,border-width .2s ease,background .15s,border-color .15s;max-width:200px;max-height:50px}.control-btn.svelte-d1h2e2:not(.collapse-btn),.control-group.svelte-d1h2e2{max-width:50px;max-height:50px}.control-btn.svelte-d1h2e2{width:26px;height:26px;border:none;outline:none;background:transparent;color:var(--ui-text, #888);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s;-webkit-tap-highlight-color:transparent}.control-btn.svelte-d1h2e2:focus{outline:none}.control-btn.svelte-d1h2e2:focus-visible{outline:none}.control-btn.svelte-d1h2e2:hover:not(:disabled){color:var(--ui-text-hover, #fff)}.control-btn.svelte-d1h2e2:disabled{opacity:.35;cursor:not-allowed}.control-btn.primary.svelte-d1h2e2{color:var(--ui-accent, #2dd4bf)}.control-btn.primary.svelte-d1h2e2:hover{filter:brightness(1.2)}.control-btn.active.svelte-d1h2e2{color:var(--ui-accent, #2dd4bf)}.control-btn.active.svelte-d1h2e2:hover:not(:disabled){filter:brightness(1.2)}.control-btn.recording.svelte-d1h2e2{color:#ef4444;animation:svelte-d1h2e2-recording-pulse 1s ease-in-out infinite}@keyframes svelte-d1h2e2-recording-pulse{0%,to{opacity:1}50%{opacity:.6}}.control-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){width:16px;height:16px}.button-group.collapse-group.svelte-d1h2e2{background:transparent;border:none;padding:.25rem;width:36px;height:36px;flex-shrink:0;justify-content:center}.button-group.collapse-group.svelte-d1h2e2:hover{background:transparent;border:none}.collapse-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){width:22px;height:22px}.controls.collapsed.svelte-d1h2e2 .button-group.collapse-group:where(.svelte-d1h2e2){opacity:1;max-width:none;max-height:none;padding:.25rem;margin:0;pointer-events:auto;overflow:visible}.collapse-btn.svelte-d1h2e2{opacity:.7;transition:opacity .15s,color .15s}.collapse-btn.svelte-d1h2e2:hover{opacity:1}.collapse-btn.collapsed.svelte-d1h2e2{opacity:1;color:var(--ui-accent, #2dd4bf)}.collapse-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){transition:transform .2s ease}.collapse-btn.svelte-d1h2e2:not(.collapsed) svg:where(.svelte-d1h2e2){transform:rotate(45deg)}.control-group.svelte-d1h2e2{position:relative}.slider-popup.svelte-d1h2e2{position:absolute;top:calc(100% + .4rem);right:0;background:var(--ui-bg, rgba(12, 12, 18, .95));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.5rem .7rem;border-radius:6px;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));min-width:120px;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 8px 32px #00000080}.app .slider-popup.svelte-d1h2e2{background:#0c0c12f2}.app.light-theme .slider-popup.svelte-d1h2e2{background:#fffffff2}.slider-popup.svelte-d1h2e2 span:where(.svelte-d1h2e2){font-size:.7rem;color:var(--ui-text, #888);text-align:center}.slider-popup.svelte-d1h2e2 input[type=range]:where(.svelte-d1h2e2){width:100%;height:20px;-webkit-appearance:none;appearance:none;background:transparent;outline:none;margin:0;padding:0}.speed-number.svelte-d1h2e2{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--ui-border, rgba(255, 255, 255, .12));background:var(--ui-input-bg, rgba(0, 0, 0, .2));color:var(--ui-text, #ddd);font-size:12px;line-height:1.2}.slider-popup.svelte-d1h2e2 input[type=range]:where(.svelte-d1h2e2)::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.slider-popup.svelte-d1h2e2 input[type=range]:where(.svelte-d1h2e2)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);margin-top:-6px;box-shadow:0 1px 4px #0006}.slider-popup.svelte-d1h2e2 input[type=range]:where(.svelte-d1h2e2)::-moz-range-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.slider-popup.svelte-d1h2e2 input[type=range]:where(.svelte-d1h2e2)::-moz-range-thumb{width:16px;height:16px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #0006}.brush-popup.svelte-d1h2e2{min-width:140px;gap:.5rem}.mode-toggle.svelte-d1h2e2{display:flex;gap:.25rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border-radius:5px;padding:.2rem}.mode-btn.svelte-d1h2e2{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .5rem;border:none;background:transparent;color:var(--ui-text, #888);border-radius:4px;cursor:pointer;font-size:.65rem;transition:all .15s}.mode-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){width:12px;height:12px}.mode-btn.svelte-d1h2e2:hover{color:var(--ui-text-hover, #fff)}.mode-btn.active.svelte-d1h2e2{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));color:var(--ui-accent, #2dd4bf)}.brush-type-toggle.svelte-d1h2e2{display:flex;gap:.25rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border-radius:5px;padding:.2rem}.brush-type-btn.svelte-d1h2e2{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .5rem;border:none;background:transparent;color:var(--ui-text, #888);border-radius:4px;cursor:pointer;font-size:.65rem;transition:all .15s}.brush-type-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){width:12px;height:12px}.brush-type-btn.svelte-d1h2e2:hover{color:var(--ui-text-hover, #fff)}.brush-type-btn.active.svelte-d1h2e2{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));color:var(--ui-accent, #2dd4bf)}.size-control.svelte-d1h2e2{display:flex;flex-direction:column;gap:.3rem}.size-control.svelte-d1h2e2 span:where(.svelte-d1h2e2){font-size:.65rem;color:var(--ui-text, #888);text-align:center}.control-btn[data-tooltip].svelte-d1h2e2{position:relative}.control-btn[data-tooltip].svelte-d1h2e2:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0c0c12f2;color:#e0e0e0;padding:.35rem .6rem;border-radius:5px;font-size:.65rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:200;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.control-btn[data-tooltip].svelte-d1h2e2:before{content:"";position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#0c0c12f2;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:201}.control-btn[data-tooltip].svelte-d1h2e2:hover:after,.control-btn[data-tooltip].svelte-d1h2e2:hover:before{opacity:1;visibility:visible}.control-btn[data-tooltip].svelte-d1h2e2:disabled:after,.control-btn[data-tooltip].svelte-d1h2e2:disabled:before{display:none}@media(max-width:768px){.controls.svelte-d1h2e2{top:auto;bottom:1rem;right:1rem;flex-direction:column;padding:.35rem;gap:.35rem}.controls.collapsed.svelte-d1h2e2{padding:.35rem;gap:0}.button-group.svelte-d1h2e2{flex-direction:column;padding:.25rem;gap:.1rem;max-height:none;max-width:50px}.button-group.collapse-group.svelte-d1h2e2{order:100;width:40px;height:40px;padding:.25rem;gap:0}.controls.collapsed.svelte-d1h2e2 .button-group:where(.svelte-d1h2e2):not(.collapse-group){opacity:0;max-width:0;max-height:0;padding:0;margin:0;overflow:hidden;pointer-events:none}.control-btn.svelte-d1h2e2{width:28px;height:28px;flex-shrink:0}.control-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){width:16px;height:16px}.collapse-btn.svelte-d1h2e2 svg:where(.svelte-d1h2e2){width:20px;height:20px}.slider-popup.svelte-d1h2e2{top:50%;right:calc(100% + .4rem);transform:translateY(-50%)}.control-btn[data-tooltip].svelte-d1h2e2:after,.control-btn[data-tooltip].svelte-d1h2e2:before{display:none}}.modal-backdrop.svelte-nlnkkl{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.editor.svelte-nlnkkl{background:var(--ui-bg, rgba(12, 12, 18, .9));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:12px;padding:.8rem;display:flex;pointer-events:auto;flex-direction:column;gap:.6rem;box-shadow:0 12px 48px #0006;max-width:520px;position:relative;will-change:transform}.editor.svelte-nlnkkl.dragging{box-shadow:0 16px 64px #00000080}.header.svelte-nlnkkl{display:flex;align-items:center;gap:.3rem}.title.svelte-nlnkkl{font-size:.9rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0);display:flex;align-items:center;gap:.4rem;margin-right:auto}.header-icon.svelte-nlnkkl{width:18px;height:18px;color:var(--ui-accent, #33e6f2);flex-shrink:0}.tour-btn.svelte-nlnkkl,.header-btn.svelte-nlnkkl{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));color:var(--ui-text, #888);cursor:pointer;border-radius:6px;transition:all .15s}.header-btn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:14px;height:14px}.tour-btn.svelte-nlnkkl:hover,.header-btn.svelte-nlnkkl:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));border-color:var(--ui-border-hover, rgba(255, 255, 255, .2));color:var(--ui-accent, #2dd4bf)}.tour-btn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:14px;height:14px}.apply-btn.svelte-nlnkkl{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border:1px solid var(--ui-accent-border, rgba(45, 212, 191, .4));color:var(--ui-accent, #2dd4bf);cursor:pointer;border-radius:6px;transition:all .15s}.apply-btn.svelte-nlnkkl:hover{background:var(--ui-accent-bg-hover, rgba(45, 212, 191, .25));border-color:var(--ui-accent, #2dd4bf);transform:scale(1.05)}.apply-btn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:16px;height:16px}.close-btn.svelte-nlnkkl{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text, #666);font-size:.9rem;cursor:pointer;border-radius:4px}.close-btn.svelte-nlnkkl:hover{background:var(--ui-border, rgba(255,255,255,.1));color:var(--ui-text-hover, #fff)}.grid-type-toggle.svelte-nlnkkl{display:flex;gap:.4rem}.grid-type-btn.svelte-nlnkkl{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .8rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--ui-text, #888);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.grid-type-btn.svelte-nlnkkl:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));border-color:var(--ui-border-hover, rgba(255, 255, 255, .2));color:var(--ui-text-hover, #ccc)}.grid-type-btn.active.svelte-nlnkkl{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .4));color:var(--ui-accent, #2dd4bf)}.grid-type-btn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:16px;height:16px}.selectors-row.svelte-nlnkkl{display:flex;align-items:stretch;gap:.5rem}.dropdown-wrapper.svelte-nlnkkl{position:relative;display:flex}.dropdown-wrapper.flex-1.svelte-nlnkkl{flex:1}.select-btn.svelte-nlnkkl{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:5px;color:var(--ui-text-hover, #ccc);font-size:.7rem;cursor:pointer;width:100%;text-align:left}.select-btn.svelte-nlnkkl .select-value:where(.svelte-nlnkkl){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-btn.svelte-nlnkkl .chevron:where(.svelte-nlnkkl){margin-left:auto}.select-btn.svelte-nlnkkl:hover{border-color:var(--ui-border-hover, rgba(255, 255, 255, .2))}.select-btn.compact.svelte-nlnkkl{padding:.4rem .5rem;gap:.3rem}.select-num.svelte-nlnkkl{color:var(--ui-accent, #2dd4bf);font-family:SF Mono,Monaco,monospace;font-size:.65rem}.select-label.svelte-nlnkkl{font-size:.55rem;color:var(--ui-text, #666);text-transform:uppercase;letter-spacing:.03em}.select-value.svelte-nlnkkl{color:var(--ui-text-hover, #e0e0e0);font-weight:500}.select-code.svelte-nlnkkl{margin-left:auto;color:var(--ui-accent, #2dd4bf);font-family:SF Mono,Monaco,monospace;font-size:.65rem}.chevron.svelte-nlnkkl{width:12px;height:12px;color:var(--ui-text, #666);transition:transform .15s;flex-shrink:0}.chevron.open.svelte-nlnkkl{transform:rotate(180deg)}.dropdown-backdrop.svelte-nlnkkl{position:fixed;inset:0;z-index:10}.dropdown-menu.svelte-nlnkkl{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--ui-bg, rgba(16, 16, 24, .98));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-border, rgba(255, 255, 255, .15));border-radius:6px;max-height:220px;overflow-y:auto;z-index:20;box-shadow:0 8px 32px #0003}.dropdown-menu.svelte-nlnkkl::-webkit-scrollbar{width:6px}.dropdown-menu.svelte-nlnkkl::-webkit-scrollbar-track{background:transparent}.dropdown-menu.svelte-nlnkkl::-webkit-scrollbar-thumb{background:var(--ui-border, rgba(255, 255, 255, .2));border-radius:3px}.dropdown-menu.svelte-nlnkkl::-webkit-scrollbar-thumb:hover{background:var(--ui-text, rgba(255, 255, 255, .3))}.preset-menu.svelte-nlnkkl{min-width:280px;max-width:320px;display:flex;flex-direction:column;overflow:hidden}.search-bar.svelte-nlnkkl{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .1));background:var(--ui-input-bg, rgba(0, 0, 0, .2))}.search-bar.active.svelte-nlnkkl{background:var(--ui-input-bg, rgba(0, 0, 0, .3))}.search-icon.svelte-nlnkkl{width:14px;height:14px;color:var(--ui-text, #888);flex-shrink:0}.search-input.svelte-nlnkkl{flex:1;background:transparent;border:none;outline:none;color:var(--ui-text-hover, #fff);font-size:.75rem;padding:.2rem 0;min-width:0}.search-input.svelte-nlnkkl::placeholder{color:var(--ui-text, #666)}.search-clear.svelte-nlnkkl{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ffffff1a;border:none;border-radius:50%;color:var(--ui-text, #888);cursor:pointer;flex-shrink:0}.search-clear.svelte-nlnkkl:hover{background:#fff3;color:#fff}.search-clear.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:10px;height:10px}.preset-list.svelte-nlnkkl{overflow-y:auto;max-height:180px}.preset-list.svelte-nlnkkl::-webkit-scrollbar{width:6px}.preset-list.svelte-nlnkkl::-webkit-scrollbar-track{background:transparent}.preset-list.svelte-nlnkkl::-webkit-scrollbar-thumb{background:var(--ui-border, rgba(255, 255, 255, .2));border-radius:3px}.preset-list.svelte-nlnkkl::-webkit-scrollbar-thumb:hover{background:var(--ui-text, rgba(255, 255, 255, .3))}.no-results.svelte-nlnkkl{padding:1rem;text-align:center;color:var(--ui-text, #666);font-size:.75rem}.filter-menu.svelte-nlnkkl{min-width:180px}.neighborhood-menu.svelte-nlnkkl{min-width:200px;right:0;left:auto}.dropdown-divider.svelte-nlnkkl{height:1px;background:var(--ui-border, rgba(255, 255, 255, .1));margin:.3rem 0}.dropdown-section.svelte-nlnkkl{padding:.3rem .7rem;font-size:.55rem;color:var(--ui-text, #666);text-transform:uppercase;letter-spacing:.05em}.filter-count.svelte-nlnkkl{color:var(--ui-accent, #2dd4bf);font-weight:500;margin-left:.2rem}.dropdown-item.svelte-nlnkkl{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.5rem .7rem;background:transparent;border:none;color:var(--ui-text-hover, #d0d0d0);font-size:.7rem;cursor:pointer;text-align:left;overflow:hidden}.dropdown-item.svelte-nlnkkl:hover{background:var(--ui-bg-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.dropdown-item.selected.svelte-nlnkkl{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));color:var(--ui-accent, #2dd4bf)}.item-name.svelte-nlnkkl{font-weight:500}.item-code.svelte-nlnkkl{margin-left:auto;font-family:SF Mono,Monaco,monospace;font-size:.6rem;color:var(--ui-text, #888);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.dropdown-item.selected.svelte-nlnkkl .item-code:where(.svelte-nlnkkl){color:var(--ui-accent, #2dd4bf);opacity:.8}.item-desc.svelte-nlnkkl{width:100%;font-size:.55rem;color:var(--ui-text, #666);margin-top:.1rem;text-align:left}.dropdown-item.selected.svelte-nlnkkl .item-desc:where(.svelte-nlnkkl){color:var(--ui-accent, #2dd4bf);opacity:.6}.main-row.svelte-nlnkkl{display:flex;justify-content:center;gap:1.2rem;padding:.3rem 0;flex-wrap:nowrap}.grid-col.svelte-nlnkkl,.preview-col.svelte-nlnkkl{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}.label.svelte-nlnkkl{font-size:.7rem;font-weight:600}.label.birth.svelte-nlnkkl{color:#4ade80}.label.survive.svelte-nlnkkl{color:#60a5fa}.label.preview.svelte-nlnkkl{color:var(--ui-accent, #f472b6)}.hint.svelte-nlnkkl{font-size:.5rem;color:var(--ui-text, #555);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem}.grid.svelte-nlnkkl{display:grid;gap:2px;width:108px;height:108px;flex-shrink:0}.grid.grid-moore.svelte-nlnkkl{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid.grid-vonNeumann.svelte-nlnkkl{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid.grid-extendedMoore.svelte-nlnkkl{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.grid.grid-hexagonal.svelte-nlnkkl{--hex-w: 35px;--hex-gap: 4px;--hex-dx: calc(var(--hex-w) + var(--hex-gap));--hex-dy: calc(var(--hex-dx) * .866);--hex-h: calc(var(--hex-w) * 1.1547);display:block;position:relative;width:calc(var(--hex-dx) * 2 + var(--hex-w));height:calc(var(--hex-dy) * 2 + var(--hex-h))}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl){position:absolute;width:var(--hex-w);height:var(--hex-h);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border-radius:0;border:none}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(1){left:calc(var(--hex-dx) * 1);top:calc(var(--hex-dy) * 1)}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(2){left:calc(var(--hex-dx) * 1.5);top:calc(var(--hex-dy) * 0)}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(3){left:calc(var(--hex-dx) * 2);top:calc(var(--hex-dy) * 1)}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(4){left:calc(var(--hex-dx) * 1.5);top:calc(var(--hex-dy) * 2)}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(5){left:calc(var(--hex-dx) * .5);top:calc(var(--hex-dy) * 2)}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(6){left:calc(var(--hex-dx) * 0);top:calc(var(--hex-dy) * 1)}.grid.grid-hexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(7){left:calc(var(--hex-dx) * .5);top:calc(var(--hex-dy) * 0)}.grid.grid-extendedHexagonal.svelte-nlnkkl{--hex-w: 22px;--hex-gap: 2px;--hex-dx: calc(var(--hex-w) + var(--hex-gap));--hex-dy: calc(var(--hex-dx) * .866);--hex-h: calc(var(--hex-w) * 1.1547);display:block;position:relative;width:calc(var(--hex-dx) * 4 + var(--hex-w));height:calc(var(--hex-dy) * 4 + var(--hex-h))}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl){position:absolute;width:var(--hex-w);height:var(--hex-h);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border-radius:0;border:none;font-size:.5rem}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(1){left:calc(var(--hex-dx) * 2);top:calc(var(--hex-dy) * 2)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(2){left:calc(var(--hex-dx) * 2.5);top:calc(var(--hex-dy) * 1)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(3){left:calc(var(--hex-dx) * 3);top:calc(var(--hex-dy) * 2)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(4){left:calc(var(--hex-dx) * 2.5);top:calc(var(--hex-dy) * 3)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(5){left:calc(var(--hex-dx) * 1.5);top:calc(var(--hex-dy) * 3)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(6){left:calc(var(--hex-dx) * 1);top:calc(var(--hex-dy) * 2)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(7){left:calc(var(--hex-dx) * 1.5);top:calc(var(--hex-dy) * 1)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(8){left:calc(var(--hex-dx) * 3.5);top:calc(var(--hex-dy) * 1)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(9){left:calc(var(--hex-dx) * 4);top:calc(var(--hex-dy) * 2)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(10){left:calc(var(--hex-dx) * 3.5);top:calc(var(--hex-dy) * 3)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(11){left:calc(var(--hex-dx) * 3);top:calc(var(--hex-dy) * 4)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(12){left:calc(var(--hex-dx) * 2);top:calc(var(--hex-dy) * 4)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(13){left:calc(var(--hex-dx) * 1);top:calc(var(--hex-dy) * 4)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(14){left:calc(var(--hex-dx) * .5);top:calc(var(--hex-dy) * 3)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(15){left:calc(var(--hex-dx) * 0);top:calc(var(--hex-dy) * 2)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(16){left:calc(var(--hex-dx) * .5);top:calc(var(--hex-dy) * 1)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(17){left:calc(var(--hex-dx) * 1);top:calc(var(--hex-dy) * 0)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(18){left:calc(var(--hex-dx) * 2);top:calc(var(--hex-dy) * 0)}.grid.grid-extendedHexagonal.svelte-nlnkkl .cell:where(.svelte-nlnkkl):nth-child(19){left:calc(var(--hex-dx) * 3);top:calc(var(--hex-dy) * 0)}.cell.svelte-nlnkkl{display:flex;align-items:center;justify-content:center;background:var(--ui-border, rgba(255, 255, 255, .04));border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:4px;color:var(--ui-text, #555);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .1s}.grid.grid-extendedMoore.svelte-nlnkkl .cell:where(.svelte-nlnkkl){font-size:.6rem;border-radius:3px}.cell.svelte-nlnkkl:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08))}.cell.on.svelte-nlnkkl{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .5));color:var(--ui-accent, #2dd4bf);font-weight:600}.app.light-theme .cell.on.svelte-nlnkkl{background:color-mix(in srgb,var(--ui-accent, #2dd4bf) 25%,rgba(0,0,0,.08));border-color:color-mix(in srgb,var(--ui-accent, #2dd4bf) 60%,rgba(0,0,0,.3));box-shadow:inset 0 0 0 1px #00000026;color:color-mix(in srgb,var(--ui-accent, #2dd4bf) 70%,black)}.cell.svelte-nlnkkl input:where(.svelte-nlnkkl){position:absolute;opacity:0;pointer-events:none}.preview-area.svelte-nlnkkl{display:flex;gap:.4rem;align-items:stretch;flex-shrink:0}.canvas.svelte-nlnkkl{width:108px;height:108px;border-radius:5px;background:var(--ui-canvas-bg, #0a0a0f);flex-shrink:0}.preview-btns.svelte-nlnkkl{display:flex;flex-direction:column;justify-content:space-between}.pbtn.svelte-nlnkkl{width:28px;height:28px;border:none;background:var(--ui-border, rgba(255, 255, 255, .06));color:var(--ui-text, #666);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pbtn.svelte-nlnkkl:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .12));color:var(--ui-text-hover, #fff)}.pbtn.active.svelte-nlnkkl{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));color:var(--ui-accent, #2dd4bf)}.pbtn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:12px;height:12px}.footer.svelte-nlnkkl{display:flex;align-items:center;gap:.8rem;padding-top:.5rem;border-top:1px solid var(--ui-border, rgba(255, 255, 255, .06))}.boundary-section.svelte-nlnkkl{display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--ui-border, rgba(255, 255, 255, .06))}.boundary-header.svelte-nlnkkl{display:flex;align-items:center;justify-content:space-between}.boundary-label.svelte-nlnkkl{font-size:.6rem;color:var(--ui-text, #555);text-transform:uppercase}.boundary-name.svelte-nlnkkl{font-size:.6rem;color:var(--ui-text-hover, #aaa)}.boundary-grid.svelte-nlnkkl{display:flex;justify-content:space-between;gap:.25rem}.boundary-btn.svelte-nlnkkl{width:42px;height:42px;padding:0;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;color:var(--ui-text, #666)}.boundary-btn.svelte-nlnkkl:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));border-color:var(--ui-border-hover, rgba(255, 255, 255, .15));color:var(--ui-text-hover, #fff)}.boundary-btn.active.svelte-nlnkkl{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.vitality-section.svelte-nlnkkl{padding-top:.5rem;border-top:1px solid var(--ui-border, rgba(255, 255, 255, .06))}.foot-label.svelte-nlnkkl{font-size:.55rem;color:var(--ui-text, #555);text-transform:uppercase;margin-right:.25rem}.states.svelte-nlnkkl{display:flex;align-items:center;gap:.25rem}.states.svelte-nlnkkl input[type=range]:where(.svelte-nlnkkl){width:60px;height:6px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:0;padding:0}.states.svelte-nlnkkl input[type=range]:where(.svelte-nlnkkl)::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.states.svelte-nlnkkl input[type=range]:where(.svelte-nlnkkl)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);margin-top:-5px;box-shadow:0 1px 4px #0006}.states.svelte-nlnkkl input[type=range]:where(.svelte-nlnkkl)::-moz-range-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.states.svelte-nlnkkl input[type=range]:where(.svelte-nlnkkl)::-moz-range-thumb{width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #0006}.states-val.svelte-nlnkkl{font-size:.65rem;color:var(--ui-accent, #2dd4bf);font-family:SF Mono,Monaco,monospace;min-width:1rem}.rule-input.svelte-nlnkkl{display:flex;align-items:center;flex:1}.rule-input.svelte-nlnkkl input:where(.svelte-nlnkkl){flex:1;min-width:120px;padding:.25rem .4rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--ui-accent, #2dd4bf);font-family:SF Mono,Monaco,monospace;font-size:.7rem;outline:none}.rule-input.svelte-nlnkkl input:where(.svelte-nlnkkl):focus{border-color:var(--ui-accent-border, rgba(45, 212, 191, .5))}.rule-input.svelte-nlnkkl input.error:where(.svelte-nlnkkl){border-color:#ef4444}.reinit-btn.svelte-nlnkkl{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--ui-text, #666);cursor:pointer;transition:all .15s;flex-shrink:0}.reinit-btn.svelte-nlnkkl:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));border-color:var(--ui-border-hover, rgba(255, 255, 255, .15));color:var(--ui-text-hover, #fff)}.reinit-btn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:14px;height:14px}@media(max-width:540px){.editor.svelte-nlnkkl{max-width:95vw;padding:.6rem;gap:.5rem}.header.svelte-nlnkkl{margin-bottom:0}.grid-type-toggle.svelte-nlnkkl{gap:.3rem}.grid-type-btn.svelte-nlnkkl{padding:.4rem .5rem;font-size:.65rem}.grid-type-btn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:14px;height:14px}.selectors-row.svelte-nlnkkl{flex-wrap:nowrap;gap:.3rem}.select-btn.svelte-nlnkkl{padding:.3rem .4rem;gap:.2rem;font-size:.65rem}.select-label.svelte-nlnkkl{display:none}.select-value.svelte-nlnkkl{font-size:.7rem}.select-num.svelte-nlnkkl{font-size:.6rem}.chevron.svelte-nlnkkl{width:10px;height:10px}.dropdown-wrapper.flex-1.svelte-nlnkkl{flex:1;min-width:0}.dropdown-wrapper.flex-1.svelte-nlnkkl .select-value:where(.svelte-nlnkkl){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.main-row.svelte-nlnkkl{justify-content:center;gap:.5rem}.grid.svelte-nlnkkl{width:80px;height:80px;gap:1px}.grid.grid-hexagonal.svelte-nlnkkl{--hex-w: 26px;--hex-gap: 3px}.grid.grid-extendedHexagonal.svelte-nlnkkl{--hex-w: 16px;--hex-gap: 1.5px}.canvas.svelte-nlnkkl{width:80px;height:80px}.cell.svelte-nlnkkl{font-size:.55rem}.pbtn.svelte-nlnkkl{width:22px;height:22px;padding:4px}.pbtn.svelte-nlnkkl svg:where(.svelte-nlnkkl){width:10px;height:10px}.footer.svelte-nlnkkl{flex-wrap:wrap;gap:.4rem}.rule-input.svelte-nlnkkl{flex:1;min-width:0}.rule-input.svelte-nlnkkl input:where(.svelte-nlnkkl){min-width:80px}}.help-overlay.svelte-286xo5{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:500;pointer-events:none}.help-panel.svelte-286xo5{background:var(--ui-bg, rgba(12, 12, 18, .75));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:10px;width:380px;box-shadow:0 8px 32px #0000004d;pointer-events:auto;position:relative;will-change:transform}.help-panel.svelte-286xo5.dragging{box-shadow:0 12px 48px #0006}.help-header.svelte-286xo5{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .06))}.help-header.svelte-286xo5 h2:where(.svelte-286xo5){margin:0;font-size:.8rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0);display:flex;align-items:center;gap:.4rem}.header-icon.svelte-286xo5{width:16px;height:16px;color:var(--ui-accent, #33e6f2);flex-shrink:0}.header-actions.svelte-286xo5{display:flex;align-items:center;gap:.5rem}.tour-btn.svelte-286xo5{display:flex;align-items:center;gap:.3rem;padding:.25rem .5rem;background:var(--ui-accent-bg, rgba(45, 212, 191, .1));color:var(--ui-accent, #2dd4bf);border:1px solid var(--ui-accent-border, rgba(45, 212, 191, .2));border-radius:5px;font-size:.65rem;font-weight:500;cursor:pointer;transition:all .15s}.tour-btn.svelte-286xo5:hover{background:var(--ui-accent-bg-hover, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .35))}.tour-btn.svelte-286xo5 svg:where(.svelte-286xo5){width:12px;height:12px}.close-btn.svelte-286xo5{background:none;border:none;color:var(--ui-text, #666);cursor:pointer;padding:.15rem;display:flex;transition:color .15s}.close-btn.svelte-286xo5:hover{color:var(--ui-text-hover, #fff)}.close-btn.svelte-286xo5 svg:where(.svelte-286xo5){width:14px;height:14px}.help-content.svelte-286xo5{padding:.6rem .9rem}.columns.svelte-286xo5{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shortcut-group.svelte-286xo5{margin-bottom:.7rem}.shortcut-group.svelte-286xo5:last-child{margin-bottom:0}.shortcut-group.svelte-286xo5 h3:where(.svelte-286xo5){margin:0 0 .35rem;font-size:.6rem;font-weight:600;color:var(--ui-accent, #2dd4bf);text-transform:uppercase;letter-spacing:.04em}.shortcut.svelte-286xo5{display:flex;align-items:center;gap:.3rem;font-size:.7rem;margin-bottom:.25rem}.shortcut.svelte-286xo5 span:where(.svelte-286xo5){color:var(--ui-text, #888);margin-left:auto}kbd.svelte-286xo5{display:inline-block;padding:.1rem .3rem;background:var(--ui-border, rgba(255, 255, 255, .08));border:1px solid var(--ui-border-hover, rgba(255, 255, 255, .1));border-radius:3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.6rem;color:var(--ui-text-hover, #ccc);min-width:1.1rem;text-align:center}.touch-controls.svelte-286xo5{display:flex;flex-direction:column;gap:.5rem}.shortcut-row.svelte-286xo5{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.gesture-icon.svelte-286xo5{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--ui-accent, #2dd4bf);flex-shrink:0}.gesture-icon.svelte-286xo5 svg:where(.svelte-286xo5){width:16px;height:16px}.gesture-label.svelte-286xo5{font-size:.7rem;font-weight:500;color:var(--ui-text-hover, #e0e0e0);min-width:90px}.gesture-desc.svelte-286xo5{font-size:.65rem;color:var(--ui-text, #888);margin-left:auto}.tip.svelte-286xo5{font-size:.65rem;color:var(--ui-text, #888);border-left:2px solid var(--ui-accent, #2dd4bf);padding:.25rem 0 .25rem .5rem;margin-bottom:.25rem}@media(max-width:768px){.help-panel.svelte-286xo5{width:90vw;max-width:320px}.help-header.svelte-286xo5 h2:where(.svelte-286xo5){font-size:.85rem}}.backdrop.svelte-anx9w7{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.panel.svelte-anx9w7{background:var(--ui-bg, rgba(12, 12, 18, .85));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:10px;padding:.6rem;min-width:240px;box-shadow:0 12px 48px #0006;pointer-events:auto;position:relative;will-change:transform}.panel.svelte-anx9w7.dragging{box-shadow:0 16px 64px #00000080}.header.svelte-anx9w7{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .06));margin-bottom:.5rem}.title.svelte-anx9w7{font-size:.8rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0);display:flex;align-items:center;gap:.4rem}.header-icon.svelte-anx9w7{width:16px;height:16px;color:var(--ui-accent, #33e6f2);flex-shrink:0}.close-btn.svelte-anx9w7{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text, #555);font-size:.8rem;cursor:pointer;border-radius:3px}.close-btn.svelte-anx9w7:hover{background:var(--ui-border, rgba(255, 255, 255, .1));color:var(--ui-text-hover, #fff)}.content.svelte-anx9w7{display:flex;flex-direction:column;gap:.5rem}.row.svelte-anx9w7{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.label.svelte-anx9w7{font-size:.7rem;color:var(--ui-text, #888)}.toggle.svelte-anx9w7{display:flex;align-items:center;padding:0;background:none;border:none;cursor:pointer}.track.svelte-anx9w7{width:32px;height:18px;background:var(--ui-border, rgba(255, 255, 255, .1));border-radius:9px;position:relative;transition:background .15s}.toggle.on.svelte-anx9w7 .track:where(.svelte-anx9w7){background:var(--ui-accent-bg, rgba(45, 212, 191, .4))}.thumb.svelte-anx9w7{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--ui-text, #555);border-radius:50%;transition:all .15s}.toggle.on.svelte-anx9w7 .thumb:where(.svelte-anx9w7){left:16px;background:var(--ui-accent, #2dd4bf)}.theme-btns.svelte-anx9w7{display:flex;gap:.3rem}.theme-btn.svelte-anx9w7{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ui-border, rgba(255, 255, 255, .05));border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:5px;color:var(--ui-text, #666);cursor:pointer;transition:all .1s}.theme-btn.svelte-anx9w7 svg:where(.svelte-anx9w7){width:14px;height:14px}.theme-btn.svelte-anx9w7:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.theme-btn.active.svelte-anx9w7{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.spectrum-grid.svelte-anx9w7{display:flex;flex-wrap:wrap;gap:.3rem}.spectrum-grid.svelte-anx9w7 .spectrum-btn:where(.svelte-anx9w7){flex:1 1 calc(16.66% - .3rem);min-width:36px;max-width:calc(20% - .3rem)}.spectrum-btn.svelte-anx9w7{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem;background:var(--ui-border, rgba(255, 255, 255, .05));border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .1s}.spectrum-btn.svelte-anx9w7:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .1))}.spectrum-btn.active.svelte-anx9w7{border-color:var(--ui-accent, #2dd4bf);background:var(--ui-accent-bg, rgba(45, 212, 191, .1))}.spectrum-preview.svelte-anx9w7{width:100%;height:10px;border-radius:2px;box-shadow:inset 0 0 0 1px #0003}.spectrum-label.svelte-anx9w7{font-size:.4rem;color:var(--ui-text, #888);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spectrum-btn.active.svelte-anx9w7 .spectrum-label:where(.svelte-anx9w7){color:var(--ui-accent, #2dd4bf)}.spectrum-row-extra.svelte-anx9w7{margin-top:-.2rem}.row.col.svelte-anx9w7{flex-direction:column;align-items:flex-start;gap:.3rem}.row.col.svelte-anx9w7 .label:where(.svelte-anx9w7){margin-bottom:0}.row.col.svelte-anx9w7 .spectrum-grid:where(.svelte-anx9w7){width:100%}.shading-toggle.svelte-anx9w7{display:flex;align-items:center;gap:0;padding:0;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;overflow:hidden}.shading-option.svelte-anx9w7{font-size:.6rem;font-weight:500;padding:.2rem .4rem;color:var(--ui-text, #666);background:transparent;border:none;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;line-height:1}.shading-option.svelte-anx9w7:hover{color:var(--ui-text-hover, #fff)}.shading-option.active.svelte-anx9w7{color:var(--ui-accent, #2dd4bf);background:var(--ui-accent-bg, rgba(45, 212, 191, .2))}.colors.svelte-anx9w7{display:grid;grid-template-columns:repeat(10,1fr);gap:.3rem}.swatch.svelte-anx9w7{width:20px;height:20px;background:var(--c);border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .1s}.swatch.svelte-anx9w7:hover{transform:scale(1.1)}.swatch.selected.svelte-anx9w7{border-color:#fff;box-shadow:0 0 6px var(--c)}.slider-container.svelte-anx9w7{display:flex;align-items:center;gap:.5rem;flex:1}.slider.svelte-anx9w7{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--ui-border, rgba(255, 255, 255, .1));border-radius:2px;outline:none;cursor:pointer}.slider.svelte-anx9w7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;transition:transform .1s}.slider.svelte-anx9w7::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider.svelte-anx9w7::-moz-range-thumb{width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;border:none;cursor:pointer;transition:transform .1s}.slider.svelte-anx9w7::-moz-range-thumb:hover{transform:scale(1.15)}.slider-value.svelte-anx9w7{font-size:.7rem;color:var(--ui-text, #888);min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:768px){.panel.svelte-anx9w7{max-width:95vw;padding:.8rem}.colors.svelte-anx9w7{gap:.4rem}.swatch.svelte-anx9w7{width:24px;height:24px}.title.svelte-anx9w7{font-size:.9rem}}.modal-backdrop.svelte-z66ng7{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.modal.svelte-z66ng7{background:var(--ui-bg, rgba(12, 12, 18, .85));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 12px 48px #0006;min-width:480px;pointer-events:auto;position:relative;will-change:transform}.modal.svelte-z66ng7.dragging{box-shadow:0 16px 64px #00000080}.header.svelte-z66ng7{display:flex;align-items:center;gap:.5rem}.title.svelte-z66ng7{font-size:.85rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0);display:flex;align-items:center;gap:.4rem}.header-icon.svelte-z66ng7{width:16px;height:16px;color:var(--ui-accent, #33e6f2);flex-shrink:0}.rule-badge.svelte-z66ng7{font-size:.6rem;padding:.2rem .4rem;background:var(--ui-accent-bg, rgba(45, 212, 191, .15));color:var(--ui-accent, #2dd4bf);border-radius:4px;margin-left:auto;margin-right:.5rem}.init-btn.svelte-z66ng7{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border:1px solid var(--ui-accent-border, rgba(45, 212, 191, .4));color:var(--ui-accent, #2dd4bf);cursor:pointer;border-radius:6px;margin-left:auto;transition:all .15s}.init-btn.svelte-z66ng7:hover{background:var(--ui-accent-bg-hover, rgba(45, 212, 191, .25));border-color:var(--ui-accent, #2dd4bf);transform:scale(1.05)}.init-btn.svelte-z66ng7 svg:where(.svelte-z66ng7){width:16px;height:16px}.close-btn.svelte-z66ng7{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text, #666);font-size:.9rem;cursor:pointer;border-radius:4px;margin-left:.3rem}.close-btn.svelte-z66ng7:hover{background:var(--ui-border, rgba(255, 255, 255, .1));color:var(--ui-text-hover, #fff)}.content.svelte-z66ng7{display:flex;flex-direction:column;gap:.6rem}.main-row.svelte-z66ng7{display:flex;gap:1rem}.patterns-col.svelte-z66ng7{flex:1;display:flex;flex-direction:column;gap:.5rem}.preview-col.svelte-z66ng7{display:flex;flex-direction:column;align-items:center;gap:.3rem}.preview-label.svelte-z66ng7{font-size:.65rem;color:var(--ui-text, #888);text-transform:uppercase;letter-spacing:.05em}.preview-area.svelte-z66ng7{display:flex;gap:.4rem;align-items:center}.preview-life-canvas{border-radius:6px;background:var(--ui-canvas-bg, #0a0a0f);border:1px solid var(--ui-border, rgba(255, 255, 255, .08))}.preview-btns.svelte-z66ng7{display:flex;flex-direction:column;gap:.3rem}.pbtn.svelte-z66ng7{width:28px;height:28px;border:none;background:var(--ui-input-bg, rgba(0, 0, 0, .2));color:var(--ui-text, #666);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pbtn.svelte-z66ng7:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .12));color:var(--ui-text-hover, #fff)}.pbtn.active.svelte-z66ng7{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));color:var(--ui-accent, #2dd4bf)}.pbtn.svelte-z66ng7 svg:where(.svelte-z66ng7){width:12px;height:12px}.tabs.svelte-z66ng7{display:flex;gap:.2rem;background:var(--ui-input-bg, rgba(0, 0, 0, .2));padding:.15rem;border-radius:5px}.tab.svelte-z66ng7{flex:1;padding:.35rem .4rem;background:transparent;border:none;color:var(--ui-text, #888);font-size:.65rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s}.tab.svelte-z66ng7:hover{color:var(--ui-text-hover, #fff)}.tab.active.svelte-z66ng7{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));color:var(--ui-accent, #2dd4bf)}.patterns.svelte-z66ng7{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.pattern-btn.svelte-z66ng7{display:flex;flex-direction:column;align-items:flex-start;padding:.4rem .5rem;background:var(--ui-input-bg, rgba(0, 0, 0, .2));border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:5px;cursor:pointer;transition:all .15s}.pattern-btn.svelte-z66ng7:hover{border-color:var(--ui-border-hover, rgba(255, 255, 255, .15));background:var(--ui-bg-hover, rgba(20, 20, 30, .5))}.pattern-btn.selected.svelte-z66ng7{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent, rgba(45, 212, 191, .6));box-shadow:0 0 0 1px var(--ui-accent-border, rgba(45, 212, 191, .3))}.pattern-name.svelte-z66ng7{font-size:.7rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0)}.pattern-btn.selected.svelte-z66ng7 .pattern-name:where(.svelte-z66ng7){color:var(--ui-accent, #2dd4bf)}.pattern-btn.foreign.svelte-z66ng7{opacity:.8}.pattern-btn.foreign.svelte-z66ng7 .pattern-name:where(.svelte-z66ng7){color:var(--ui-text, #aaa)}.pattern-btn.optimal.svelte-z66ng7:not(.selected){border-color:var(--ui-accent-border, rgba(45, 212, 191, .15))}.pattern-btn.optimal.svelte-z66ng7:not(.selected) .pattern-name:where(.svelte-z66ng7){color:var(--ui-accent, #2dd4bf);opacity:.8}.origin-badge.svelte-z66ng7{font-size:.5rem;padding:.1rem .3rem;background:#ffffff14;border-radius:3px;color:var(--ui-text, #888);margin-left:auto;align-self:flex-start}.pattern-btn.selected.svelte-z66ng7 .origin-badge:where(.svelte-z66ng7){background:var(--ui-accent-bg, rgba(45, 212, 191, .2));color:var(--ui-accent, #2dd4bf)}.pattern-desc.svelte-z66ng7{font-size:.55rem;color:var(--ui-text, #666);margin-top:.1rem;width:100%}.density-slider.svelte-z66ng7{grid-column:span 2;width:100%;height:6px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:.3rem 0;padding:0}.density-slider.svelte-z66ng7::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.density-slider.svelte-z66ng7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);margin-top:-5px;box-shadow:0 1px 4px #0006}.density-slider.svelte-z66ng7::-moz-range-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.density-slider.svelte-z66ng7::-moz-range-thumb{width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #0006}.tiling-row.svelte-z66ng7{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;background:var(--ui-input-bg, rgba(0, 0, 0, .2));border-radius:5px}.tile-checkbox.svelte-z66ng7{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--ui-text-hover, #e0e0e0);cursor:pointer;white-space:nowrap}.tile-checkbox.svelte-z66ng7 input:where(.svelte-z66ng7){accent-color:var(--ui-accent, #2dd4bf);width:12px;height:12px}.spacing-slider.svelte-z66ng7{flex:1;height:6px;min-width:60px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:0;padding:0}.spacing-slider.svelte-z66ng7::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.spacing-slider.svelte-z66ng7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);margin-top:-5px;box-shadow:0 1px 4px #0006}.spacing-slider.svelte-z66ng7::-moz-range-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.spacing-slider.svelte-z66ng7::-moz-range-thumb{width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #0006}.spacing-val.svelte-z66ng7{font-size:.6rem;color:var(--ui-accent, #2dd4bf);min-width:24px;text-align:right;font-family:SF Mono,Monaco,monospace}.seeding-row.svelte-z66ng7{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;background:var(--ui-input-bg, rgba(0, 0, 0, .2));border-radius:5px}.scale-row.svelte-z66ng7{display:flex;flex-direction:column;gap:.4rem;padding:.4rem .5rem;background:var(--ui-input-bg, rgba(0, 0, 0, .2));border-radius:5px}.scale-header.svelte-z66ng7{display:flex;align-items:center;justify-content:space-between}.scale-label.svelte-z66ng7{font-size:.65rem;color:var(--ui-text-hover, #e0e0e0)}.scale-dims.svelte-z66ng7{font-size:.6rem;color:var(--ui-text, #888);font-family:SF Mono,Monaco,monospace}.scale-btns.svelte-z66ng7{display:flex;gap:.25rem}.scale-btn.svelte-z66ng7{flex:1;padding:.3rem .4rem;background:var(--ui-border, rgba(255, 255, 255, .05));border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:4px;color:var(--ui-text, #888);font-size:.6rem;cursor:pointer;transition:all .1s}.scale-btn.svelte-z66ng7:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.scale-btn.selected.svelte-z66ng7{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.seed-checkbox.svelte-z66ng7{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--ui-text-hover, #e0e0e0);cursor:pointer;white-space:nowrap}.seed-checkbox.svelte-z66ng7 input:where(.svelte-z66ng7){accent-color:var(--ui-accent, #2dd4bf);width:12px;height:12px}.seed-control-group.svelte-z66ng7{display:flex;align-items:center;gap:.3rem}.seed-control-label.svelte-z66ng7{font-size:.55rem;color:var(--ui-text, #666);text-transform:uppercase;letter-spacing:.02em}.seed-mode-toggle.svelte-z66ng7{display:flex;align-items:center;gap:0;padding:0;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;cursor:pointer;transition:all .15s;overflow:hidden;flex-shrink:0}.seed-mode-toggle.svelte-z66ng7:hover{border-color:var(--ui-border-hover, rgba(255, 255, 255, .2))}.mode-option.svelte-z66ng7{font-size:.7rem;font-weight:600;padding:.2rem .35rem;color:var(--ui-text, #666);transition:all .15s;-webkit-user-select:none;user-select:none;background:transparent;line-height:1}.mode-option.active.svelte-z66ng7{color:var(--ui-accent, #2dd4bf);background:var(--ui-accent-bg, rgba(45, 212, 191, .2))}.seeding-slider.svelte-z66ng7{width:60px;height:6px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:0;padding:0;flex-shrink:0}.seeding-slider.svelte-z66ng7::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.seeding-slider.svelte-z66ng7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);margin-top:-5px;box-shadow:0 1px 4px #0006}.seeding-slider.svelte-z66ng7::-moz-range-track{width:100%;height:6px;background:var(--slider-track-bg, rgba(255, 255, 255, .25));border-radius:3px;border:1px solid var(--slider-track-border, rgba(255, 255, 255, .1))}.seeding-slider.svelte-z66ng7::-moz-range-thumb{width:14px;height:14px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #0006}.seeding-val.svelte-z66ng7{font-size:.6rem;color:var(--ui-accent, #2dd4bf);min-width:28px;text-align:right;font-family:SF Mono,Monaco,monospace}.seed-pattern-wrapper.svelte-z66ng7{position:relative}.seed-pattern-btn.svelte-z66ng7{display:flex;align-items:center;gap:.2rem;padding:.15rem .25rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;cursor:pointer;transition:all .15s}.seed-pattern-btn.svelte-z66ng7:hover{border-color:var(--ui-border-hover, rgba(255, 255, 255, .2))}.seed-pattern-preview.svelte-z66ng7{width:18px;height:18px;border-radius:2px}.seed-pattern-btn.svelte-z66ng7 .chevron:where(.svelte-z66ng7){width:10px;height:10px;color:var(--ui-text, #666);transition:transform .15s}.seed-pattern-btn.svelte-z66ng7 .chevron.open:where(.svelte-z66ng7){transform:rotate(180deg)}.dropdown-backdrop.svelte-z66ng7{position:fixed;inset:0;z-index:10}.seed-pattern-dropdown.svelte-z66ng7{position:absolute;bottom:calc(100% + 4px);left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px;background:var(--ui-bg, rgba(16, 16, 24, .98));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-border, rgba(255, 255, 255, .15));border-radius:6px;z-index:20;box-shadow:0 -4px 16px #0000004d}.seed-pattern-item.svelte-z66ng7{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 4px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .1s}.seed-pattern-item.svelte-z66ng7:hover{background:var(--ui-bg-hover, rgba(255, 255, 255, .08));border-color:var(--ui-border, rgba(255, 255, 255, .1))}.seed-pattern-item.selected.svelte-z66ng7{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .4))}.seed-pattern-preview-item.svelte-z66ng7{width:24px;height:24px;border-radius:3px;flex-shrink:0}.seed-pattern-name.svelte-z66ng7{font-size:.5rem;color:var(--ui-text, #888);white-space:nowrap}.seed-pattern-item.selected.svelte-z66ng7 .seed-pattern-name:where(.svelte-z66ng7){color:var(--ui-accent, #2dd4bf)}.note.svelte-z66ng7{display:flex;align-items:center;gap:.4rem;padding:.5rem;background:var(--ui-input-bg, rgba(0, 0, 0, .2));border-radius:6px;font-size:.6rem;color:var(--ui-text, #888)}.note.warning.svelte-z66ng7{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.note.warning.svelte-z66ng7 svg:where(.svelte-z66ng7){color:#fbbf24}.note.svelte-z66ng7 svg:where(.svelte-z66ng7){width:14px;height:14px;flex-shrink:0}@media(max-width:768px){.modal.svelte-z66ng7{max-width:95vw;min-width:unset;padding:.8rem}.tabs.svelte-z66ng7{flex-wrap:wrap}.tab.svelte-z66ng7{padding:.35rem .6rem;font-size:.6rem}}.info-icon.svelte-1vt60dg{position:fixed;bottom:1rem;left:1rem;width:32px;height:32px;background:var(--toolbar-bg, rgba(12, 12, 18, .4));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--toolbar-border, rgba(255, 255, 255, .06));border-radius:8px;color:var(--ui-accent, #2dd4bf);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:100}.info-icon.svelte-1vt60dg:hover{background:var(--btn-bg-hover, rgba(20, 20, 30, .5));border-color:var(--ui-border-hover, rgba(255, 255, 255, .12))}.i-icon.svelte-1vt60dg{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:16px;line-height:1}.i-icon.small.svelte-1vt60dg{font-size:12px;color:var(--ui-accent, #2dd4bf)}.info-panel.svelte-1vt60dg{position:fixed;bottom:1rem;left:1rem;background:var(--toolbar-bg, rgba(12, 12, 18, .45));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--toolbar-border, rgba(255, 255, 255, .06));border-radius:10px;min-width:170px;z-index:100;overflow:hidden}.info-header.svelte-1vt60dg{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .05))}.header-left.svelte-1vt60dg{display:flex;align-items:center;gap:.35rem}.info-title.svelte-1vt60dg{font-size:.65rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0);text-transform:uppercase;letter-spacing:.05em}.collapse-btn.svelte-1vt60dg{width:18px;height:18px;background:transparent;border:none;color:var(--ui-text, #666);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.collapse-btn.svelte-1vt60dg:hover{background:var(--btn-bg-hover, rgba(255, 255, 255, .1));color:var(--ui-text-hover, #fff)}.collapse-btn.svelte-1vt60dg svg:where(.svelte-1vt60dg){width:12px;height:12px}.info-content.svelte-1vt60dg{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.3rem}.info-row.svelte-1vt60dg{display:flex;align-items:center;gap:.5rem}.info-label.svelte-1vt60dg{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--ui-text, #666);flex-shrink:0}.info-label.svelte-1vt60dg svg:where(.svelte-1vt60dg){width:12px;height:12px}.info-label.accent.svelte-1vt60dg{color:var(--ui-accent, #2dd4bf)}.info-label.dim.svelte-1vt60dg{color:var(--ui-text, #666)}.info-value.svelte-1vt60dg{font-size:.68rem;color:var(--ui-text-hover, #e0e0e0);flex:1;text-align:right}.info-value.rule.svelte-1vt60dg{color:var(--ui-accent, #2dd4bf);font-weight:500}.info-value.code.svelte-1vt60dg{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.6rem;color:var(--ui-text, #888)}.info-value.mono.svelte-1vt60dg{font-family:SF Mono,Monaco,Consolas,monospace}.info-value.svelte-1vt60dg .actual:where(.svelte-1vt60dg){font-size:.58rem;color:var(--ui-text, #666)}.info-value.status.svelte-1vt60dg{font-size:.62rem}.info-value.status.playing.svelte-1vt60dg,.info-value.alive.svelte-1vt60dg{color:var(--ui-accent, #2dd4bf)}@media(max-width:768px),(pointer:coarse){.info-icon.svelte-1vt60dg,.info-panel.svelte-1vt60dg{display:none}}.click-hint.svelte-l3cbax{position:fixed;top:calc(50% - 12px);left:50%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none;z-index:100;opacity:0;animation:svelte-l3cbax-fadeIn .4s ease-out .3s forwards}@keyframes svelte-l3cbax-fadeIn{0%{opacity:0}to{opacity:1}}.hint-text.svelte-l3cbax{font-family:Shadows Into Light,cursive;font-size:1.4rem;font-weight:300;color:var(--accent, rgba(255, 255, 255, .75));opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.25);letter-spacing:.03em}.light.svelte-l3cbax .hint-text:where(.svelte-l3cbax){text-shadow:0 2px 8px rgba(255,255,255,.5)}.hint-arrow.svelte-l3cbax{width:50px;height:50px;color:var(--accent, rgba(255, 255, 255, .65));opacity:.75;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.light.svelte-l3cbax .hint-arrow:where(.svelte-l3cbax){filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.arrow-line.svelte-l3cbax{stroke-dasharray:55;stroke-dashoffset:55;animation:svelte-l3cbax-drawLine .5s ease-out .5s forwards}@keyframes svelte-l3cbax-drawLine{to{stroke-dashoffset:0}}.arrow-head.svelte-l3cbax{opacity:0;animation:svelte-l3cbax-showHead .2s ease-out 1s forwards}@keyframes svelte-l3cbax-showHead{to{opacity:1}}.modal-backdrop.svelte-1ae5xi6{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.modal.svelte-1ae5xi6{background:var(--ui-bg, rgba(12, 12, 18, .9));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:12px;padding:1.2rem;max-width:580px;box-shadow:0 12px 48px #00000080;pointer-events:auto;position:relative;will-change:transform}.modal.svelte-1ae5xi6.dragging{box-shadow:0 16px 64px #00000080}.header.svelte-1ae5xi6{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.title.svelte-1ae5xi6{flex:1;font-size:1rem;font-weight:700;color:var(--ui-text-hover, #fff);letter-spacing:-.02em}.close-btn.svelte-1ae5xi6{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text, #666);font-size:.9rem;cursor:pointer;border-radius:4px}.close-btn.svelte-1ae5xi6:hover{background:var(--ui-border, rgba(255, 255, 255, .1));color:var(--ui-text-hover, #fff)}.content.svelte-1ae5xi6{display:flex;flex-direction:column;gap:.8rem}.intro-section.svelte-1ae5xi6{background:var(--ui-input-bg, rgba(0, 0, 0, .2));border-radius:8px;padding:.8rem}.intro-section.svelte-1ae5xi6 p:where(.svelte-1ae5xi6){margin:0;font-size:.75rem;color:var(--ui-text-hover, #ccc);line-height:1.5}.intro-section.svelte-1ae5xi6 p:where(.svelte-1ae5xi6)+p:where(.svelte-1ae5xi6){margin-top:.5rem}.intro-section.svelte-1ae5xi6 strong:where(.svelte-1ae5xi6){color:var(--ui-accent, #2dd4bf)}.columns.svelte-1ae5xi6{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.column.svelte-1ae5xi6{display:flex;flex-direction:column;gap:.7rem}.section.svelte-1ae5xi6{background:var(--ui-input-bg, rgba(0, 0, 0, .2));border-radius:8px;padding:.7rem}.section.svelte-1ae5xi6 h3:where(.svelte-1ae5xi6){display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.7rem;font-weight:600;color:var(--ui-accent, #2dd4bf);text-transform:uppercase;letter-spacing:.05em}.section.svelte-1ae5xi6 h3:where(.svelte-1ae5xi6) svg:where(.svelte-1ae5xi6){width:14px;height:14px}.section.svelte-1ae5xi6 ul:where(.svelte-1ae5xi6){margin:0;padding:0;list-style:none}.section.svelte-1ae5xi6 li:where(.svelte-1ae5xi6){font-size:.7rem;color:var(--ui-text-hover, #ccc);padding:.2rem 0 .2rem .8rem;position:relative;line-height:1.4}.section.svelte-1ae5xi6 li:where(.svelte-1ae5xi6):before{content:"•";position:absolute;left:0;color:var(--ui-accent, #2dd4bf)}.section.svelte-1ae5xi6 li:where(.svelte-1ae5xi6) strong:where(.svelte-1ae5xi6){color:var(--ui-text-hover, #fff)}.ca-tutorial.svelte-1ae5xi6{height:100%}.tutorial-content.svelte-1ae5xi6{display:flex;flex-direction:column;gap:.6rem}.tutorial-description.svelte-1ae5xi6 p:where(.svelte-1ae5xi6){margin:0;font-size:.65rem;color:var(--ui-text-hover, #ccc);line-height:1.4}.tutorial-description.svelte-1ae5xi6 p:where(.svelte-1ae5xi6)+p:where(.svelte-1ae5xi6){margin-top:.25rem}.tutorial-description.svelte-1ae5xi6 strong:where(.svelte-1ae5xi6){color:var(--ui-accent, #2dd4bf)}.rules-list.svelte-1ae5xi6{margin:.4rem 0 0;padding:0;list-style:none;font-size:.65rem}.rules-list.svelte-1ae5xi6 li:where(.svelte-1ae5xi6){padding:.15rem 0;padding-left:0;color:var(--ui-text, #999)}.rules-list.svelte-1ae5xi6 li:where(.svelte-1ae5xi6):before{display:none}.rule-birth.svelte-1ae5xi6{color:#4ade80;font-weight:600}.rule-survive.svelte-1ae5xi6{color:#60a5fa;font-weight:600}.rule-death.svelte-1ae5xi6{color:#ef4444;font-weight:600}.tutorial-grids.svelte-1ae5xi6{display:flex;align-items:center;justify-content:center;gap:.8rem}.grid-container.svelte-1ae5xi6{display:flex;flex-direction:column;align-items:center}.mini-grid.svelte-1ae5xi6{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:3px;background:var(--grid-border);border-radius:4px}.mini-cell.svelte-1ae5xi6{width:16px;height:16px;background:var(--dead-color);border-radius:2px;transition:background .3s ease}.mini-cell.alive.svelte-1ae5xi6{background:var(--alive-color);box-shadow:0 0 6px var(--alive-color)}.rule-arrow.svelte-1ae5xi6{display:flex;flex-direction:column;align-items:center;gap:.2rem}.rule-arrow.svelte-1ae5xi6 svg:where(.svelte-1ae5xi6){width:20px;height:20px;color:var(--ui-accent, #2dd4bf)}.rule-arrow.svelte-1ae5xi6 span:where(.svelte-1ae5xi6){font-size:.55rem;font-weight:600;color:var(--ui-text, #888);text-transform:uppercase;letter-spacing:.05em}.footer.svelte-1ae5xi6{display:flex;align-items:center;justify-content:space-between;margin-top:.3rem}.author.svelte-1ae5xi6{font-size:.7rem;color:var(--ui-text, #888)}.author.svelte-1ae5xi6 strong:where(.svelte-1ae5xi6){color:var(--ui-text-hover, #e0e0e0)}.footer-buttons.svelte-1ae5xi6{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.library-link.svelte-1ae5xi6{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:var(--ui-border, rgba(255, 255, 255, .08));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--ui-text-hover, #e0e0e0);font-size:.7rem;font-weight:500;text-decoration:none;transition:all .15s}.library-link.svelte-1ae5xi6:hover{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.library-link.svelte-1ae5xi6 svg:where(.svelte-1ae5xi6){width:16px;height:16px}.github-link.svelte-1ae5xi6{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:var(--ui-border, rgba(255, 255, 255, .08));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--ui-text-hover, #e0e0e0);font-size:.7rem;font-weight:500;text-decoration:none;transition:all .15s}.github-link.svelte-1ae5xi6:hover{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.github-link.svelte-1ae5xi6 svg:where(.svelte-1ae5xi6){width:16px;height:16px}.tour-btn.svelte-1ae5xi6{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:var(--ui-accent-bg, rgba(45, 212, 191, .1));color:var(--ui-accent, #2dd4bf);border:1px solid var(--ui-accent-border, rgba(45, 212, 191, .2));border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.tour-btn.svelte-1ae5xi6:hover{background:var(--ui-accent-bg-hover, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .35));filter:brightness(1.1)}.tour-btn.svelte-1ae5xi6 svg:where(.svelte-1ae5xi6){width:14px;height:14px}@media(max-width:768px){.modal.svelte-1ae5xi6{max-width:95vw;padding:1rem;max-height:85vh;overflow-y:auto}.columns.svelte-1ae5xi6{grid-template-columns:1fr}.title.svelte-1ae5xi6{font-size:1rem}.intro-section.svelte-1ae5xi6 p:where(.svelte-1ae5xi6){font-size:.7rem}.section.svelte-1ae5xi6 li:where(.svelte-1ae5xi6){font-size:.65rem}.section.svelte-1ae5xi6 h3:where(.svelte-1ae5xi6){font-size:.65rem}.mini-cell.svelte-1ae5xi6{width:12px;height:12px}.tutorial-grids.svelte-1ae5xi6{gap:.5rem}}.modal-backdrop.svelte-1je1n3c{position:fixed;inset:0;pointer-events:none}.modal.svelte-1je1n3c{position:fixed;top:0;left:0;min-width:280px;max-width:360px;max-height:55vh;display:flex;flex-direction:column;background:var(--ui-bg, rgba(12, 12, 18, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:12px;box-shadow:0 12px 48px #00000080;pointer-events:auto;overflow:hidden}.header.svelte-1je1n3c{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .08));cursor:grab;flex-shrink:0}.header.svelte-1je1n3c:active{cursor:grabbing}.title.svelte-1je1n3c{display:flex;align-items:center;gap:.4rem;color:var(--ui-text-hover, #fff);font-weight:600;font-size:.85rem}.icon.svelte-1je1n3c{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-actions.svelte-1je1n3c{display:flex;align-items:center;gap:.3rem}.ghost.svelte-1je1n3c{border:1px solid var(--ui-border, rgba(255, 255, 255, .1));background:#ffffff08;color:var(--ui-text, #9ca3af);border-radius:5px;padding:.25rem .45rem;font-size:.68rem;cursor:pointer;transition:all .12s ease}.ghost.svelte-1je1n3c:hover{background:#ffffff12;color:var(--ui-text-hover, #fff)}.close-btn.svelte-1je1n3c{padding:.25rem}.close-icon.svelte-1je1n3c{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}.body.svelte-1je1n3c{flex:1;overflow-y:auto;overflow-x:hidden;padding:.4rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ui-text, #6b7280) 40%,transparent) transparent}.body.svelte-1je1n3c::-webkit-scrollbar{width:8px}.body.svelte-1je1n3c::-webkit-scrollbar-track{background:transparent}.body.svelte-1je1n3c::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ui-text, #6b7280) 40%,transparent);border-radius:999px}.empty.svelte-1je1n3c{padding:1.5rem 1rem;color:var(--ui-text, #6b7280);text-align:center;font-size:.8rem}.timeline.svelte-1je1n3c{position:relative}.tree-svg.svelte-1je1n3c{position:absolute;top:0;left:0}.conn-line.svelte-1je1n3c{fill:none;stroke:color-mix(in srgb,var(--ui-text, #4b5563) 45%,transparent);stroke-width:1.8;stroke-linecap:round}.node-dot.svelte-1je1n3c{fill:color-mix(in srgb,var(--ui-text, #6b7280) 80%,var(--ui-bg, #0f1115) 20%);stroke:var(--ui-bg, #0f1115);stroke-width:1.2;transition:all .12s ease}.node-dot.pre.svelte-1je1n3c{fill:color-mix(in srgb,var(--ui-text, #6b7280) 70%,var(--ui-bg, #0f1115) 30%);stroke:var(--ui-bg, #0f1115)}.node-icon.svelte-1je1n3c{fill:currentColor;stroke:none;color:color-mix(in srgb,var(--ui-text, #6b7280) 80%,var(--ui-bg, #0f1115) 20%)}.head-icon.svelte-1je1n3c{color:var(--ui-accent, #2dd4bf)}.node-icon-outline.svelte-1je1n3c{fill:none;stroke:color-mix(in srgb,var(--ui-bg, #0f1115) 65%,transparent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.labels.svelte-1je1n3c{position:absolute;top:0;right:0}.node-row.svelte-1je1n3c{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;cursor:pointer;border-radius:6px;transition:background .1s ease;margin-right:.25rem}.node-row.svelte-1je1n3c:hover{background:#ffffff0a}.node-row.selected.svelte-1je1n3c{background:var(--ui-accent-bg, rgba(var(--ui-accent-rgb, 45, 212, 191), .12))}.node-row.svelte-1je1n3c:focus-visible{outline:1px solid rgba(var(--ui-accent-rgb, 45, 212, 191),.5)}.node-info.svelte-1je1n3c{flex:1;min-width:0}.node-header.svelte-1je1n3c{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.node-name.svelte-1je1n3c{font-weight:500;color:var(--ui-text-hover, #e5e7eb);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-name.editable.svelte-1je1n3c{cursor:text;padding:.1rem .25rem;margin:-.1rem -.25rem;border-radius:4px;transition:background .15s}.node-name.editable.svelte-1je1n3c:hover{background:#ffffff14}.inline-edit.svelte-1je1n3c{display:flex;align-items:center}.inline-edit.svelte-1je1n3c input:where(.svelte-1je1n3c){min-width:100px;max-width:140px;padding:.18rem .35rem;border-radius:4px;border:1px solid var(--ui-accent, rgba(45, 212, 191, .6));background:color-mix(in srgb,var(--ui-bg, #0f1115) 85%,white 15%);color:var(--ui-text-hover, #e5e7eb);font-size:.78rem;font-weight:500;outline:none}.inline-edit.svelte-1je1n3c input:where(.svelte-1je1n3c):focus{border-color:var(--ui-accent, #2dd4bf);box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb, 45, 212, 191),.2)}.badge.svelte-1je1n3c{font-size:.52rem;padding:.08rem .28rem;border-radius:3px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge.head.svelte-1je1n3c{background:rgba(var(--ui-accent-rgb, 45, 212, 191),.18);color:var(--ui-accent, #2dd4bf)}.badge.root.svelte-1je1n3c{background:rgba(var(--ui-text-rgb, 156, 163, 175),.1);color:var(--ui-text, #9ca3af)}.node-meta.svelte-1je1n3c{display:flex;gap:.35rem;font-size:.65rem;color:var(--ui-text, #6b7280);margin-top:.05rem}.kind.svelte-1je1n3c{text-transform:uppercase;letter-spacing:.04em;opacity:.7}.node-actions.svelte-1je1n3c{display:flex;gap:.2rem;flex-shrink:0}.action-btn.svelte-1je1n3c{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));background:#ffffff0a;color:var(--ui-text, #9ca3af);border-radius:4px;cursor:pointer;transition:all .1s ease}.action-btn.svelte-1je1n3c:hover{background:#ffffff14;color:var(--ui-text-hover, #fff)}.action-btn.danger.svelte-1je1n3c:hover{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.action-btn.svelte-1je1n3c svg:where(.svelte-1je1n3c){width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.footer.svelte-1je1n3c{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-top:1px solid var(--ui-border, rgba(255, 255, 255, .08));color:var(--ui-text, #6b7280);font-size:.68rem;flex-shrink:0}.clear-btn.svelte-1je1n3c{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--ui-text, #6b7280);font-size:.62rem;cursor:pointer;transition:all .15s}.clear-btn.svelte-1je1n3c:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.clear-btn.svelte-1je1n3c svg:where(.svelte-1je1n3c){width:12px;height:12px}.modal-backdrop.svelte-zcx482{position:fixed;inset:0;pointer-events:none}.modal.svelte-zcx482{background:var(--ui-bg, rgba(12, 12, 18, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:14px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 32px #0006;width:280px;pointer-events:auto;position:fixed;top:0;left:0}.modal.svelte-zcx482.dragging{box-shadow:0 12px 48px #00000080}.header.svelte-zcx482{display:flex;align-items:center;gap:.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .06))}.title.svelte-zcx482{font-size:.85rem;font-weight:600;color:var(--ui-text-hover, #e0e0e0);display:flex;align-items:center;gap:.35rem}.header-icon.svelte-zcx482{width:16px;height:16px;color:var(--ui-accent, #33e6f2)}.apply-btn.svelte-zcx482{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border:1px solid var(--ui-accent-border, rgba(45, 212, 191, .4));color:var(--ui-accent, #2dd4bf);cursor:pointer;border-radius:6px;margin-left:auto;transition:all .15s}.apply-btn.svelte-zcx482:hover{background:var(--ui-accent-bg-hover, rgba(45, 212, 191, .25));transform:scale(1.05)}.apply-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:14px;height:14px}.close-btn.svelte-zcx482{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text, #666);font-size:.8rem;cursor:pointer;border-radius:4px}.close-btn.svelte-zcx482:hover{background:var(--ui-border, rgba(255, 255, 255, .1));color:var(--ui-text-hover, #fff)}.content.svelte-zcx482{display:flex;flex-direction:column;gap:.5rem}.mode-row.svelte-zcx482{display:flex;gap:4px}.mode-btn.svelte-zcx482{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--ui-text, #888);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .12s}.mode-btn.svelte-zcx482:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.mode-btn.active.svelte-zcx482{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .5));color:var(--ui-accent, #2dd4bf)}.mode-btn.erase.active.svelte-zcx482{background:#ef444426;border-color:#ef444480;color:#ef4444}.mode-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:14px;height:14px}.section.svelte-zcx482{display:flex;flex-direction:column;gap:.25rem}.section-label.svelte-zcx482{font-size:.6rem;color:var(--ui-text, #666);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.shape-grid.svelte-zcx482{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.shape-btn.svelte-zcx482{aspect-ratio:1;padding:3px;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .06));border-radius:4px;color:var(--ui-text, #666);cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center}.shape-btn.svelte-zcx482:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.shape-btn.active.svelte-zcx482{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .5));color:var(--ui-accent, #2dd4bf)}.shape-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:20px;height:20px}.text-section.svelte-zcx482{display:flex;flex-direction:column;gap:.5rem}.text-input.svelte-zcx482{width:100%;padding:.5rem .6rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--ui-text, #e0e0e0);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.text-input.svelte-zcx482:focus{border-color:var(--ui-accent-border, rgba(45, 212, 191, .5))}.text-input.svelte-zcx482::placeholder{color:var(--ui-text-muted, #666)}.text-options.svelte-zcx482{display:flex;gap:.5rem;align-items:center}.font-selector.svelte-zcx482{display:flex;gap:2px;flex:1}.font-btn.svelte-zcx482{flex:1;padding:.35rem .3rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .06));border-radius:4px;color:var(--ui-text, #888);font-size:.7rem;cursor:pointer;transition:all .1s}.font-btn.svelte-zcx482:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.font-btn.active.svelte-zcx482{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .5));color:var(--ui-accent, #2dd4bf)}.style-toggles.svelte-zcx482{display:flex;gap:2px}.style-btn.svelte-zcx482{width:28px;height:28px;padding:0;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .06));border-radius:4px;color:var(--ui-text, #888);font-size:.85rem;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center}.style-btn.svelte-zcx482:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.style-btn.active.svelte-zcx482{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .5));color:var(--ui-accent, #2dd4bf)}.style-btn.italic.svelte-zcx482{font-style:italic}.fill-grid.svelte-zcx482{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.fill-btn.svelte-zcx482{padding:.3rem .2rem;background:var(--ui-input-bg, rgba(0, 0, 0, .3));border:1px solid var(--ui-border, rgba(255, 255, 255, .06));border-radius:5px;color:var(--ui-text, #888);cursor:pointer;transition:all .1s;display:flex;flex-direction:column;align-items:center;gap:.15rem}.fill-btn.svelte-zcx482:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.fill-btn.active.svelte-zcx482{background:var(--ui-accent-bg, rgba(45, 212, 191, .2));border-color:var(--ui-accent-border, rgba(45, 212, 191, .5));color:var(--ui-accent, #2dd4bf)}.fill-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:20px;height:20px}.fill-btn.svelte-zcx482 span:where(.svelte-zcx482){font-size:.55rem;text-transform:uppercase;letter-spacing:.02em}.slider-section.svelte-zcx482{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:var(--ui-input-bg, rgba(0, 0, 0, .15));border-radius:8px}.slider-row.svelte-zcx482{display:flex;align-items:center;gap:.5rem}.slider-label.svelte-zcx482{font-size:.6rem;color:var(--ui-text, #666);min-width:48px;text-transform:uppercase;letter-spacing:.02em}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482){flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--slider-track-bg, rgba(255, 255, 255, .15));border-radius:2px;cursor:pointer;outline:none}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0000004d}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482)::-moz-range-track{height:4px;background:var(--slider-track-bg, rgba(255, 255, 255, .15));border-radius:2px}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482)::-moz-range-thumb{width:12px;height:12px;background:var(--ui-accent, #2dd4bf);border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0000004d}.slider-value.svelte-zcx482{font-size:.6rem;color:var(--ui-accent, #2dd4bf);min-width:28px;text-align:right;font-family:SF Mono,Monaco,monospace}.footer.svelte-zcx482{display:flex;align-items:center;justify-content:space-between;padding-top:.35rem;border-top:1px solid var(--ui-border, rgba(255, 255, 255, .06))}.reset-btn.svelte-zcx482{display:flex;align-items:center;gap:.25rem;padding:.3rem .5rem;background:transparent;border:1px solid var(--ui-border, rgba(255, 255, 255, .08));border-radius:4px;color:var(--ui-text, #888);font-size:.6rem;cursor:pointer;transition:all .1s}.reset-btn.svelte-zcx482:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}.reset-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:11px;height:11px}.hint.svelte-zcx482{font-size:.5rem;color:var(--ui-text, #555);font-style:italic}@media(max-width:768px),(pointer:coarse){.modal.svelte-zcx482{width:min(280px,90vw);max-width:90vw;padding:.6rem;gap:.4rem}.header.svelte-zcx482{padding-bottom:.3rem}.title.svelte-zcx482{font-size:.8rem}.shape-grid.svelte-zcx482{grid-template-columns:repeat(6,1fr);gap:2px}.shape-btn.svelte-zcx482{padding:3px;min-height:28px}.shape-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:14px;height:14px}.fill-grid.svelte-zcx482{grid-template-columns:repeat(2,1fr);gap:4px}.fill-btn.svelte-zcx482{padding:.35rem;flex-direction:row;gap:.3rem}.fill-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:18px;height:18px}.fill-btn.svelte-zcx482 span:where(.svelte-zcx482){font-size:.6rem}.mode-btn.svelte-zcx482{padding:.5rem}.mode-btn.svelte-zcx482 svg:where(.svelte-zcx482){width:16px;height:16px}.slider-section.svelte-zcx482{padding:.6rem}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482){height:6px}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482)::-webkit-slider-thumb{width:20px;height:20px}.slider-row.svelte-zcx482 input[type=range]:where(.svelte-zcx482)::-moz-range-thumb{width:20px;height:20px}.slider-label.svelte-zcx482{font-size:.65rem;min-width:52px}.slider-value.svelte-zcx482{font-size:.65rem;min-width:32px}.hint.svelte-zcx482{display:none}.footer.svelte-zcx482{justify-content:center}}@media(max-width:360px){.modal.svelte-zcx482{width:95vw;padding:.5rem}.shape-grid.svelte-zcx482{grid-template-columns:repeat(6,1fr)}.fill-grid.svelte-zcx482{grid-template-columns:repeat(2,1fr)}}.backdrop.svelte-16ewwi9{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.panel.svelte-16ewwi9{pointer-events:auto;background:var(--ui-panel-bg, rgba(20, 20, 28, .95));border:1px solid var(--ui-border, rgba(255, 255, 255, .1));border-radius:8px;padding:.6rem;box-shadow:0 4px 20px #0006;width:320px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100vw - 24px)}.header.svelte-16ewwi9{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--ui-border, rgba(255, 255, 255, .08));cursor:grab;-webkit-user-select:none;user-select:none}.header.svelte-16ewwi9:active{cursor:grabbing}.title.svelte-16ewwi9{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--ui-text-bright, #e0e0e0);text-transform:uppercase;letter-spacing:.05em}.header-icon.svelte-16ewwi9{width:14px;height:14px;color:var(--ui-accent, #2dd4bf)}.close-btn.svelte-16ewwi9{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text, #555);font-size:.8rem;cursor:pointer;border-radius:3px}.close-btn.svelte-16ewwi9:hover{background:var(--ui-border, rgba(255, 255, 255, .1));color:var(--ui-text-hover, #fff)}.content.svelte-16ewwi9{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 140px);overflow:auto;padding-right:.15rem}.row.svelte-16ewwi9{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.row.col.svelte-16ewwi9{flex-direction:column;align-items:stretch;gap:.3rem}.row-header.svelte-16ewwi9{display:flex;justify-content:space-between;align-items:center;width:100%}.label.svelte-16ewwi9{font-size:.7rem;color:var(--ui-text, #888)}.value.svelte-16ewwi9{font-size:.65rem;color:var(--ui-accent, #2dd4bf);font-weight:500}.section-head.svelte-16ewwi9{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.1rem .1rem .15rem}.vitality-panel.svelte-16ewwi9{display:flex;flex-direction:column;gap:.45rem}.vitality-presets.svelte-16ewwi9{display:flex;flex-wrap:nowrap;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.1rem}.vitality-preset.svelte-16ewwi9{-webkit-tap-highlight-color:transparent;padding:.3rem .4rem;border-radius:5px;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));background:var(--ui-border, rgba(255, 255, 255, .03));color:var(--ui-text, #888);font-size:.6rem;font-weight:600;cursor:pointer;transition:all .12s ease}.vitality-preset.svelte-16ewwi9:hover{background:var(--ui-border-hover, rgba(255, 255, 255, .08));color:var(--ui-text-hover, #fff)}@media(max-width:420px){.curve-help.svelte-16ewwi9{display:none}}.routing-compact.svelte-16ewwi9{display:flex;flex-direction:column;gap:.35rem;padding:.35rem .4rem;border-radius:6px;border:1px solid var(--ui-border, rgba(255, 255, 255, .08));background:#0000001f}.tabs.svelte-16ewwi9{display:flex;gap:.25rem;align-items:center}.tab.svelte-16ewwi9{-webkit-tap-highlight-color:transparent;padding:.25rem .4rem;border-radius:999px;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));background:var(--ui-border, rgba(255, 255, 255, .03));color:var(--ui-text, #888);font-size:.6rem;font-weight:700;cursor:pointer}.tab.active.svelte-16ewwi9{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.depth-row.svelte-16ewwi9{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:.4rem}.route-label.svelte-16ewwi9{font-size:.6rem;color:var(--ui-text, #777);text-transform:uppercase;letter-spacing:.04em}.route-value.svelte-16ewwi9{font-size:.6rem;color:var(--ui-accent, #2dd4bf);text-align:right;font-variant-numeric:tabular-nums}.depth-row.svelte-16ewwi9 input[type=range]:where(.svelte-16ewwi9){width:100%;height:4px;border-radius:2px;background:var(--ui-border, rgba(255, 255, 255, .1));-webkit-appearance:none;appearance:none;cursor:pointer}.depth-row.svelte-16ewwi9 input[type=range]:where(.svelte-16ewwi9)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ui-accent, #2dd4bf);border:none}.invert-btn.svelte-16ewwi9{-webkit-tap-highlight-color:transparent;height:22px;padding:0 .5rem;border-radius:999px;border:1px solid var(--ui-border, rgba(255, 255, 255, .1));background:var(--ui-border, rgba(255, 255, 255, .03));color:var(--ui-text, #888);font-size:.6rem;font-weight:700;cursor:pointer;justify-self:start;margin-left:auto}.invert-btn.active.svelte-16ewwi9{background:var(--ui-accent-bg, rgba(45, 212, 191, .15));border-color:var(--ui-accent-border, rgba(45, 212, 191, .3));color:var(--ui-accent, #2dd4bf)}.curve-block.svelte-16ewwi9{display:flex;flex-direction:column;gap:.35rem}.curve-help.svelte-16ewwi9{font-size:.6rem;color:var(--ui-text, #777);line-height:1.35}.toggle.svelte-16ewwi9{display:flex;align-items:center;padding:0;background:none;border:none;cursor:pointer}.track.svelte-16ewwi9{width:32px;height:18px;background:var(--ui-border, rgba(255, 255, 255, .1));border-radius:9px;position:relative;transition:background .15s}.toggle.on.svelte-16ewwi9 .track:where(.svelte-16ewwi9){background:var(--ui-accent-bg, rgba(45, 212, 191, .4))}.thumb.svelte-16ewwi9{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--ui-text, #555);border-radius:50%;transition:all .15s}.toggle.on.svelte-16ewwi9 .thumb:where(.svelte-16ewwi9){left:16px;background:var(--ui-accent, #2dd4bf)}.slider.svelte-16ewwi9{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--ui-border, rgba(255, 255, 255, .1));outline:none;cursor:pointer}.slider.svelte-16ewwi9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ui-accent, #2dd4bf);cursor:pointer;border:none;transition:transform .1s ease}.slider.svelte-16ewwi9::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider.svelte-16ewwi9::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ui-accent, #2dd4bf);cursor:pointer;border:none}.range-slider-container.svelte-16ewwi9{position:relative;height:20px;width:100%}.range-track.svelte-16ewwi9{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);border-radius:3px;background:linear-gradient(to right,#a14112,#c2940a,#1b981b,#1481b8,#8e22c3);opacity:.4}.range-active.svelte-16ewwi9{position:absolute;top:0;bottom:0;background:linear-gradient(to right,#e65e19,#f4c025,#22c322,#19a1e6,#a73cdd);border-radius:3px;opacity:1}.range-input.svelte-16ewwi9{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0;padding:0}.range-input.svelte-16ewwi9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ui-accent, #2dd4bf);cursor:pointer;pointer-events:auto;border:2px solid rgba(255,255,255,.3);box-shadow:0 1px 4px #0000004d;transition:transform .1s ease}.range-input.svelte-16ewwi9::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-input.svelte-16ewwi9::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ui-accent, #2dd4bf);cursor:pointer;pointer-events:auto;border:2px solid rgba(255,255,255,.3);box-shadow:0 1px 4px #0000004d}.range-min.svelte-16ewwi9{z-index:2}.range-max.svelte-16ewwi9{z-index:1}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.app.svelte-cdxgvk{position:fixed;inset:0;overflow:hidden;--ui-bg: rgba(12, 12, 18, .7);--ui-bg-hover: rgba(20, 20, 30, .8);--ui-border: rgba(255, 255, 255, .08);--ui-border-hover: rgba(255, 255, 255, .15);--ui-text: #888;--ui-text-hover: #fff;--ui-input-bg: rgba(0, 0, 0, .3);--ui-canvas-bg: #0a0a0f;--ui-apply-text: #0a0a0f;--slider-track-bg: rgba(255, 255, 255, .2);--slider-track-border: rgba(255, 255, 255, .15)}.app.light-theme.svelte-cdxgvk{--ui-bg: rgba(255, 255, 255, .85);--ui-bg-hover: rgba(240, 240, 245, .95);--ui-border: rgba(0, 0, 0, .1);--ui-border-hover: rgba(0, 0, 0, .2);--ui-text: #555;--ui-text-hover: #1a1a1a;--ui-input-bg: rgba(255, 255, 255, .5);--ui-canvas-bg: #f0f0f3;--ui-apply-text: #ffffff;--slider-track-bg: rgba(0, 0, 0, .15);--slider-track-border: rgba(0, 0, 0, .1)}.app.guide-active.svelte-cdxgvk{opacity:.4;pointer-events:none;filter:blur(4px) saturate(.5);transition:all .6s cubic-bezier(.23,1,.32,1)}.root-layout.svelte-12qhfyh{display:contents;--ui-bg: rgba(12, 12, 18, .7);--ui-bg-hover: rgba(20, 20, 30, .8);--ui-border: rgba(255, 255, 255, .08);--ui-border-hover: rgba(255, 255, 255, .15);--ui-text: #888;--ui-text-hover: #fff;--ui-input-bg: rgba(0, 0, 0, .3);--ui-canvas-bg: #0a0a0f;--ui-apply-text: #0a0a0f;--slider-track-bg: rgba(255, 255, 255, .2);--slider-track-border: rgba(255, 255, 255, .15)}.root-layout.light-theme.svelte-12qhfyh{--ui-bg: rgba(255, 255, 255, .85);--ui-bg-hover: rgba(240, 240, 245, .95);--ui-border: rgba(0, 0, 0, .1);--ui-border-hover: rgba(0, 0, 0, .2);--ui-text: #555;--ui-text-hover: #1a1a1a;--ui-input-bg: rgba(255, 255, 255, .5);--ui-canvas-bg: #f0f0f3;--ui-apply-text: #ffffff;--slider-track-bg: rgba(0, 0, 0, .15);--slider-track-border: rgba(0, 0, 0, .1)}