:root{color-scheme:light;--sea: #63aeb0;--sea-deep: #347c81;--sea-shadow: #285f65;--foam: #d7eee5;--foam-muted: #a9d3ca;--paper: #f4eed8;--paper-raised: #fff8df;--paper-edge: #d2c49f;--paper-shadow: #9e9275;--ink: #263c3d;--ink-soft: #536864;--ink-faint: #71807a;--danger: #9d4c47;--danger-soft: #f0d1bf;--focus: #153f5e;--shadow-color: rgb(24 55 57 / 22%);--shadow-color-soft: rgb(24 55 57 / 14%);--sea-wash: rgb(215 238 229 / 28%);--font-display: Georgia, "Times New Roman", serif;--font-ui: "Avenir Next", Avenir, "Trebuchet MS", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--target: 2.75rem;--control: 2.875rem;--menu-size: 3.75rem;--palette-width: 3.5rem;--icon-size: 1.25rem;--edge-gap: var(--space-3);--radius-small: .5rem;--radius-medium: .875rem;--radius-large: 1.25rem;--radius-round: 999rem;--border: .125rem;--focus-width: .1875rem;--shadow-tactile: 0 .125rem 0 var(--paper-shadow), 0 .5rem 1.25rem var(--shadow-color-soft);--shadow-paper: 0 .1875rem 0 var(--paper-shadow), 0 .875rem 2rem var(--shadow-color);--shadow-pressed: 0 .0625rem 0 var(--paper-shadow);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .14s;--duration-medium: .32s}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%}html{background:var(--sea);overflow:hidden;-webkit-text-size-adjust:100%}body{margin:0;overflow:hidden;background:var(--sea);color:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.4;text-rendering:optimizeLegibility}button{color:inherit;font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#app{position:fixed;inset:0;isolation:isolate;overflow:hidden}#app:after{position:fixed;z-index:10;inset:0;background:linear-gradient(to bottom,transparent 38%,rgb(18 60 70 / 8%) 58%,rgb(12 49 63 / 56%) 100%),radial-gradient(ellipse at 52% 42%,transparent 34%,rgb(28 82 88 / 4%) 64%,rgb(18 60 70 / 17%) 100%);content:"";pointer-events:none}#world{display:block;width:100%;height:100%;border:0;outline:none;background:var(--sea);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}#world.is-orbit-ready,#world[data-cursor=orbit]{cursor:grab}#world.is-dragging,#world.is-orbiting,#world[data-cursor=grabbing]{cursor:grabbing}#world.is-adding,#world[data-cursor=add]{cursor:copy}#world.is-removing,#world[data-cursor=remove]{cursor:no-drop}.hud-root{position:fixed;z-index:20;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-root button,.hud-root [role=toolbar],.help-card,.hud-menu,.menu-actions{pointer-events:auto}.hud-icon{display:block;width:var(--icon-size);height:var(--icon-size);flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hud-root button{border:var(--border) solid var(--paper-edge);outline:none;cursor:pointer;touch-action:manipulation}.hud-root button:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--space-1)}.palette-wrap{position:absolute;top:50%;left:calc(env(safe-area-inset-left,0rem) + var(--edge-gap));width:var(--palette-width);transform:translateY(-50%);pointer-events:none}.palette-wrap:before{position:absolute;z-index:3;right:0;bottom:2rem;left:0;height:2.35rem;background:linear-gradient(to bottom,transparent,rgb(37 96 101 / 86%));border-radius:0 0 var(--radius-round) var(--radius-round);content:"";display:none;pointer-events:none}.palette-wrap:after{position:absolute;z-index:4;bottom:1.75rem;left:50%;width:.55rem;height:.55rem;border-right:.14rem solid var(--paper-raised);border-bottom:.14rem solid var(--paper-raised);content:"";display:none;filter:drop-shadow(0 .08rem .05rem rgb(37 82 84 / 65%));pointer-events:none;transform:translate(-50%) rotate(45deg)}.palette-wrap.has-more-below:before,.palette-wrap.has-more-below:after{display:block}.palette-wrap.has-more-below:after{bottom:2.4rem}.palette-rail{display:grid;pointer-events:auto;width:var(--palette-width);max-height:calc(100dvh - 7rem);padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:var(--radius-round);background:transparent;box-shadow:none;gap:.1875rem;scrollbar-color:rgb(255 248 223 / 75%) transparent;scrollbar-width:thin;touch-action:pan-y}.palette-rail::-webkit-scrollbar{width:.1875rem}.palette-rail::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:#fff8dfbf}.palette-rail::-webkit-scrollbar-track{background:transparent}.color-button{position:relative;display:grid;width:var(--target);min-width:var(--target);height:var(--target);min-height:var(--target);margin:0 auto;padding:0;place-items:center;border-color:transparent!important;border-radius:var(--radius-round);background:transparent}@media(hover:hover){.palette-rail{gap:0}.color-button{width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem}}.color-chip{position:relative;display:block;width:1.65rem;height:1.7rem;border:var(--border) solid var(--paper-raised);border-radius:.3rem;background:var(--paint);box-shadow:inset 0 -.1875rem 0 var(--shadow-color-soft),0 .125rem 0 var(--paper-shadow);transition:width var(--duration-fast) var(--ease-out),height var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.color-chip:after{position:absolute;inset:calc(var(--space-1) * -1);border:var(--border) solid transparent;border-radius:.24rem;content:""}.color-button:hover .color-chip,.color-button:focus-visible .color-chip{width:1.8rem;height:1.85rem}.color-button[aria-pressed=true] .color-chip{width:1.8rem;height:1.85rem;box-shadow:inset 0 -.1875rem 0 var(--shadow-color-soft),0 .1875rem 0 var(--paper-shadow)}.color-button[aria-pressed=true] .color-chip:after{border-color:var(--ink)}.palette-name{width:calc(var(--palette-width) + var(--space-2));min-height:1.5rem;margin-top:var(--space-2);margin-left:calc(var(--space-1) * -1);padding:var(--space-1) var(--space-2);overflow:hidden;border:.0625rem solid var(--paper-edge);border-radius:var(--radius-round);background:var(--paper-raised);box-shadow:0 .125rem 0 var(--paper-shadow);color:var(--ink-soft);font-size:.625rem;font-weight:700;letter-spacing:.055em;line-height:1.2;opacity:0;pointer-events:none;text-align:center;text-overflow:ellipsis;text-transform:uppercase;transform:translate(-.25rem);transition:opacity var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out);white-space:nowrap}.palette-wrap:hover .palette-name,.palette-wrap:focus-within .palette-name{opacity:1;transform:translate(0)}.menu-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--space-1);padding-bottom:var(--space-2);border-bottom:.0625rem solid var(--paper-edge);gap:var(--space-1)}.menu-actions .tool-button{width:100%;grid-template-columns:var(--icon-size) minmax(0,1fr);justify-items:start;padding-inline:var(--space-2);column-gap:var(--space-2)}.menu-actions .action-label{position:static;z-index:auto;display:block;min-width:0;overflow:hidden;padding:0;border:0;background:transparent;box-shadow:none;color:inherit;font-size:.75rem;line-height:1;opacity:1;text-align:left;text-overflow:ellipsis;transform:none;transition:none;white-space:nowrap}.tool-button,.menu-toggle{position:relative;display:grid;width:var(--control);min-width:var(--target);height:var(--control);min-height:var(--target);padding:0;place-items:center;border-radius:47% 53% 49% 51%;background:var(--paper-raised);box-shadow:var(--shadow-tactile);transition:color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) ease}.tool-button:nth-child(2n){border-radius:54% 46% 52% 48%}.tool-button:hover,.tool-button:focus-visible,.menu-toggle:hover,.menu-toggle:focus-visible{color:var(--sea-deep);transform:translate(calc(var(--space-1) * -1))}.menu-actions .tool-button:not(:disabled):hover,.menu-actions .tool-button:not(:disabled):focus-visible{transform:translateY(calc(var(--space-1) * -.5))}.menu-actions .tool-button:active{transform:translateY(.125rem)}.tool-button:active,.menu-toggle:active{box-shadow:var(--shadow-pressed);transform:translateY(.125rem)}.tool-button:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.action-label{position:absolute;top:50%;right:calc(100% + var(--space-2));z-index:2;padding:var(--space-1) var(--space-2);border:.0625rem solid var(--sea-shadow);border-radius:var(--radius-small);background:var(--ink);box-shadow:0 .125rem 0 var(--shadow-color);color:var(--paper-raised);font-size:.6875rem;font-weight:700;letter-spacing:.025em;line-height:1.25;opacity:0;pointer-events:none;transform:translate(.375rem,-50%);transition:opacity var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out);white-space:nowrap}.tool-button:not(:disabled):hover .action-label,.tool-button:not(:disabled):focus-visible .action-label,.tool-button:not(:disabled):active .action-label{opacity:1;transform:translateY(-50%)}.menu-actions .tool-button:not(:disabled):hover .action-label,.menu-actions .tool-button:not(:disabled):focus-visible .action-label,.menu-actions .tool-button:not(:disabled):active .action-label{transform:none}.hud-menu{position:absolute;top:calc(env(safe-area-inset-top,0rem) + var(--edge-gap));right:calc(env(safe-area-inset-right,0rem) + var(--edge-gap));display:grid;justify-items:end}.menu-toggle{width:var(--menu-size);height:var(--menu-size);margin-top:calc(var(--edge-gap) * -1);margin-right:calc(var(--edge-gap) * -1);border-color:var(--sea-shadow)!important;border-radius:0 0 0 var(--radius-large);background:var(--sea-shadow);box-shadow:0 .18rem #18373961;color:var(--paper-raised)}.menu-toggle .hud-icon{width:1.65rem;height:1.65rem;stroke-width:1.6;transition:transform var(--duration-medium) var(--ease-out)}.hud-menu.is-open .menu-toggle .hud-icon{transform:rotate(90deg)}.menu-toggle:hover,.menu-toggle:focus-visible{color:var(--paper-raised);transform:none}.menu-panel{display:grid;width:15rem;max-height:calc(100dvh - env(safe-area-inset-top,0rem) - env(safe-area-inset-bottom,0rem) - var(--menu-size) - var(--space-6));margin-top:var(--space-2);padding:var(--space-2);overflow-y:auto;overscroll-behavior:contain;border:var(--border) solid var(--paper-edge);border-radius:var(--radius-large) var(--radius-small) var(--radius-large) var(--radius-large);background:var(--paper);box-shadow:var(--shadow-paper);gap:var(--space-1);transform-origin:top right;animation:menu-arrive var(--duration-medium) var(--ease-out) both;scrollbar-color:var(--paper-edge) transparent}.menu-brand{display:flex;align-items:center;min-height:3.75rem;margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:.0625rem solid var(--paper-edge);background:linear-gradient(135deg,#fff8dfeb,#e7dcb7bf),var(--paper-raised);gap:var(--space-2)}.menu-brand-mark{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border:var(--border) solid var(--paper-edge);border-radius:45% 55% 48% 52%;background:var(--sea-deep);box-shadow:0 .125rem 0 var(--paper-shadow);color:var(--paper-raised);font-family:var(--font-display);font-size:1.25rem;font-weight:700}.menu-brand-copy{display:grid;min-width:0;gap:.1rem}.menu-brand-copy strong{color:var(--ink);font-family:var(--font-display);font-size:1.05rem;line-height:1}.menu-brand-copy small{overflow:hidden;color:var(--ink-soft);font-size:.6rem;font-weight:750;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.menu-title{margin:0;padding:var(--space-1) var(--space-2) var(--space-2);color:var(--sea-deep);font-size:.625rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.menu-item{display:grid;grid-template-columns:var(--space-6) 1fr auto;width:100%;min-height:var(--target);padding:var(--space-2) var(--space-3);align-items:center;border-color:transparent!important;border-radius:var(--radius-medium);background:transparent;color:var(--ink);column-gap:var(--space-2);text-align:left}.menu-item:hover,.menu-item:focus-visible{background:var(--paper-raised);color:var(--sea-deep)}.menu-item-danger:hover,.menu-item-danger:focus-visible{background:var(--danger-soft);color:var(--danger)}.menu-item[aria-pressed=true]{background:var(--sea-wash);color:var(--sea-deep)}.menu-item[aria-pressed=true] .menu-value{color:var(--sea-deep)}.menu-item-danger:hover .menu-value,.menu-item-danger:focus-visible .menu-value{color:var(--danger)}.menu-label{font-size:.875rem;font-weight:650;letter-spacing:.01em}.menu-value{color:var(--ink-faint);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hud-status{position:absolute;top:calc(env(safe-area-inset-top,0rem) + var(--space-3));left:50%;max-width:min(30rem,calc(100vw - var(--space-8)));padding:var(--space-2) var(--space-4);border:.0625rem solid var(--sea-shadow);border-radius:var(--radius-round);background:var(--ink);box-shadow:0 .1875rem 0 var(--sea-shadow);color:var(--paper-raised);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-align:center;transform:translate(-50%);animation:status-arrive var(--duration-medium) var(--ease-out) both}.hud-hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0rem) + var(--space-3));left:50%;width:max-content;max-width:min(34rem,calc(100vw - 10rem));padding:var(--space-2) var(--space-3);border:.0625rem solid var(--paper-edge);border-radius:var(--radius-round);background:var(--paper);box-shadow:0 .125rem 0 var(--paper-shadow),0 .375rem 1rem var(--shadow-color-soft);color:var(--ink-soft);font-size:.6875rem;font-weight:650;letter-spacing:.015em;line-height:1.35;text-align:center;transform:translate(-50%)}.help-card{position:absolute;top:calc(env(safe-area-inset-top,0rem) + var(--space-8) + var(--space-3));right:calc(env(safe-area-inset-right,0rem) + var(--edge-gap));width:min(20.5rem,calc(100vw - var(--space-5)));max-height:calc(100dvh - env(safe-area-inset-top,0rem) - env(safe-area-inset-bottom,0rem) - 5.5rem);padding:var(--space-5);overflow-y:auto;border:var(--border) solid var(--paper-edge);border-radius:var(--radius-small) var(--radius-large) var(--radius-large) var(--radius-large);background:var(--paper);box-shadow:var(--shadow-paper);animation:help-arrive var(--duration-medium) var(--ease-out) both;scrollbar-color:var(--paper-edge) transparent}.help-card:before{position:absolute;top:var(--space-2);left:var(--space-2);width:var(--space-7);height:var(--border);border-radius:var(--radius-round);background:var(--sea-deep);content:"";transform:rotate(-2deg)}.help-close{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:var(--target);min-width:var(--target);height:var(--target);min-height:var(--target);padding:0;place-items:center;border-color:transparent!important;border-radius:var(--radius-round);background:transparent;color:var(--ink-soft)}.help-close:hover,.help-close:focus-visible{background:var(--paper-raised);color:var(--ink)}.help-heading{padding-right:var(--space-6)}.help-kicker{margin:0 0 var(--space-1);color:var(--sea-deep);font-size:.625rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.help-heading h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.375rem,4vw,1.75rem);font-weight:600;letter-spacing:-.025em;line-height:1.08}.help-list{display:grid;margin:var(--space-5) 0;padding:0;list-style:none;gap:var(--space-3)}.help-list li{display:grid;grid-template-columns:var(--target) 1fr;min-height:var(--target);align-items:center;column-gap:var(--space-3)}.help-gesture{display:grid;width:var(--target);height:var(--target);place-items:center;border:.0625rem solid var(--paper-edge);border-radius:44% 56% 51% 49%;background:var(--paper-raised);box-shadow:0 .125rem 0 var(--paper-shadow);color:var(--sea-deep)}.help-list li:nth-child(2n) .help-gesture{border-radius:55% 45% 47% 53%}.help-list strong,.help-list li>span:last-child>span{display:block}.help-list strong{color:var(--ink);font-size:.9375rem;font-weight:750;letter-spacing:.015em}.help-list li>span:last-child>span{margin-top:.0625rem;color:var(--ink-soft);font-size:.9375rem;line-height:1.36}.help-shortcuts{margin:calc(var(--space-2) * -1) 0 var(--space-4);padding-top:var(--space-3);border-top:.0625rem solid var(--paper-edge);color:var(--ink-faint);font-size:.8125rem;font-weight:650;line-height:1.45}.help-dismiss{width:100%;min-height:var(--target);padding:var(--space-2) var(--space-4);border-color:var(--sea-shadow)!important;border-radius:var(--radius-round);background:var(--sea-deep);box-shadow:0 .1875rem 0 var(--sea-shadow);color:var(--paper-raised);font-size:.9375rem;font-weight:750;letter-spacing:.02em}.help-dismiss:hover,.help-dismiss:focus-visible{background:var(--ink)}.help-dismiss:active{box-shadow:var(--shadow-pressed);transform:translateY(.125rem)}#loading{position:fixed;z-index:100;inset:0;display:grid;align-content:center;justify-items:center;overflow:hidden;padding:var(--space-6);background:var(--sea);color:var(--foam);gap:var(--space-5);opacity:1;transition:opacity .52s var(--ease-out),transform .52s var(--ease-out),visibility .52s step-end}#loading:before,#loading:after{position:absolute;top:50%;left:50%;width:13rem;height:3.5rem;border:var(--border) solid var(--foam-muted);border-radius:50%;content:"";opacity:0;transform:translate(-50%,1.5rem) scale(.72);animation:shoreline-ring 2.4s var(--ease-out) infinite}#loading:after{animation-delay:1.2s}.loading-mark{position:relative;z-index:1;display:grid;width:var(--space-8);height:var(--space-8);place-items:center;border:var(--border) solid var(--paper-edge);border-radius:45% 55% 48% 52%;background:var(--paper);box-shadow:0 .25rem 0 var(--paper-shadow),0 .875rem 2rem var(--shadow-color);color:var(--sea-deep);font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;text-shadow:0 .0625rem 0 var(--paper-raised);animation:loading-float 2.4s ease-in-out infinite}#loading>span:last-child{position:relative;z-index:1;font-size:.6875rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}#loading.is-leaving{visibility:hidden;opacity:0;transform:scale(1.015)}@keyframes menu-arrive{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1)) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes help-arrive{0%{opacity:0;transform:translateY(calc(var(--space-2) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes status-arrive{0%{opacity:0;transform:translate(-50%,calc(var(--space-2) * -1))}to{opacity:1;transform:translate(-50%)}}@keyframes loading-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(calc(var(--space-1) * -1)) rotate(1deg)}}@keyframes shoreline-ring{0%{opacity:0;transform:translate(-50%,1.5rem) scale(.72)}25%{opacity:.5}to{opacity:0;transform:translate(-50%,1.5rem) scale(1.45)}}@media(max-width:30rem){:root{--edge-gap: var(--space-3);--palette-width: 3.25rem}.palette-rail{width:var(--palette-width);max-height:55dvh}.palette-name{width:calc(var(--palette-width) + var(--space-1));margin-left:0;padding-inline:var(--space-1);font-size:.5625rem}.hud-status{top:calc(env(safe-area-inset-top,0rem) + var(--menu-size) + var(--space-4));max-width:calc(100vw - var(--space-5))}.menu-panel{width:min(15rem,calc(100vw - env(safe-area-inset-left,0rem) - env(safe-area-inset-right,0rem) - var(--space-4)))}.hud-hint{right:calc(env(safe-area-inset-right,0rem) + var(--control) + var(--space-4));left:calc(env(safe-area-inset-left,0rem) + var(--palette-width) + var(--space-4));width:auto;max-width:none;transform:none}.help-card{right:calc(env(safe-area-inset-right,0rem) + var(--space-2));width:calc(100vw - env(safe-area-inset-left,0rem) - env(safe-area-inset-right,0rem) - var(--space-4));padding:var(--space-4)}}@media(max-height:32rem)and (orientation:landscape){.palette-rail{max-height:calc(100dvh - env(safe-area-inset-top,0rem) - env(safe-area-inset-bottom,0rem) - var(--space-4))}.palette-name{display:none}.hud-hint{right:calc(env(safe-area-inset-right,0rem) + var(--control) * 2 + var(--space-6));bottom:calc(env(safe-area-inset-bottom,0rem) + var(--space-2));left:calc(env(safe-area-inset-left,0rem) + var(--palette-width) + var(--space-5));width:auto;max-width:none;transform:none}.help-card{top:calc(env(safe-area-inset-top,0rem) + var(--space-2));right:calc(env(safe-area-inset-right,0rem) + var(--space-8) + var(--space-3));max-height:calc(100dvh - env(safe-area-inset-top,0rem) - env(safe-area-inset-bottom,0rem) - var(--space-4))}.help-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:var(--space-3);gap:var(--space-2) var(--space-4)}}@media(hover:none)and (max-width:50rem){:root{--menu-size: 3rem}.menu-toggle{width:var(--menu-size);height:var(--menu-size)}.palette-wrap{top:auto;bottom:calc(max(env(safe-area-inset-bottom,0rem),var(--space-4)) + var(--space-3));left:50%;width:calc(100vw - var(--space-8));transform:translate(-50%)}.palette-wrap:before{inset:0 0 0 auto;width:2.7rem;height:auto;border-radius:0 var(--radius-round) var(--radius-round) 0;background:linear-gradient(to right,transparent,rgb(37 96 101 / 88%))}.palette-wrap.has-more-below:after{top:50%;right:.85rem;bottom:auto;left:auto;transform:translateY(-50%) rotate(-45deg)}.palette-wrap.has-more-above:before{right:auto;left:0;border-radius:var(--radius-round) 0 0 var(--radius-round);background:linear-gradient(to left,transparent,rgb(37 96 101 / 88%))}.palette-wrap.has-more-above:after{top:50%;right:auto;bottom:auto;left:.85rem;transform:translateY(-50%) rotate(135deg)}.palette-rail{display:flex;flex-direction:row;width:100%;max-height:none;padding:0 var(--space-2);overflow-x:auto;overflow-y:hidden;gap:var(--space-1);border-radius:var(--radius-round);background:#2560653d;scrollbar-width:thin;touch-action:pan-x}.palette-name{position:absolute;bottom:calc(100% + var(--space-2));left:50%;width:auto;margin:0;transform:translate(-50%,.25rem)}.palette-wrap:hover .palette-name,.palette-wrap:focus-within .palette-name{transform:translate(-50%)}.hud-hint{right:calc(env(safe-area-inset-right,0rem) + var(--space-3));bottom:calc(env(safe-area-inset-bottom,0rem) + 4.5rem);left:calc(env(safe-area-inset-left,0rem) + var(--space-3));width:auto;max-width:none;transform:none}}@media(hover:none){.menu-actions .action-label{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.color-chip{forced-color-adjust:none}.color-button[aria-pressed=true] .color-chip:after{border-width:var(--focus-width)}}