@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap";:root{--bg-canvas: #000000;--bg-panel: #000000;--bg-overlay: rgba(0, 0, 0, .4);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .11);--surface-subtle: rgba(255, 255, 255, .06);--surface-pressed: rgba(255, 255, 255, .14);--surface-rest: var(--surface-1);--surface-hover: var(--surface-2);--surface-active: var(--surface-3);--text-root: #ffffff;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-label: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .55);--text-faint: rgba(255, 255, 255, .38);--text-focus: #ffffff;--text-error: #fca5a5;--text-error-bg: rgba(69, 10, 10, .9);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-focus: rgba(255, 255, 255, .5);--accent-positive: rgba(255, 255, 255, .55);--accent-selected: rgba(255, 255, 255, .92);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 16px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 15px;--font-size-xl: 17px;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-eyebrow: .12em;--tracking-wider: .18em;--panel-width: 320px;--row-height: 36px;--row-height-sm: 28px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .55);--ring-focus: 0 0 0 2px var(--border-focus);--ring-inner: inset 0 0 0 1px var(--border-default);--duration-fast: .14s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-snap: cubic-bezier(.32, .72, 0, 1);--easing-emphasized: cubic-bezier(.3, 0, 0, 1)}:root{--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: system-ui, -apple-system, "SF Pro Display", BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono-num: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,canvas,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px;border-radius:var(--radius-xs)}.HypercolorMesh-module__stage{position:absolute;inset:0;background:var(--bg-canvas)}.HypercolorMesh-module__canvas{width:100%;height:100%;display:block}.HypercolorMesh-module__badge{position:absolute;top:var(--space-3);left:var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);background:var(--bg-overlay);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.HypercolorMesh-module__error{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);font-size:var(--font-size-xs);color:var(--text-error);background:var(--text-error-bg);padding:var(--space-4);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all}.RevealStage-module__stage{position:relative;width:100%;height:100%}.RowSelect-module__row{position:relative;display:flex;align-items:center;height:var(--row-height);border-radius:var(--radius-md);background:var(--surface-1);padding:0 var(--space-4);gap:var(--space-3);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard)}.RowSelect-module__row:hover{background:var(--surface-2)}.RowSelect-module__row:focus-within{background:var(--surface-2);outline:1px solid var(--surface-active);outline-offset:-1px}.RowSelect-module__label{font-size:var(--font-size-md);font-weight:500;color:var(--text-label);white-space:nowrap;flex-shrink:0}.RowSelect-module__value{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;height:22px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);background:var(--surface-active);border-radius:var(--radius-xs)}.RowSelect-module__caret{color:var(--text-muted);flex-shrink:0}.RowSelect-module__row:hover .RowSelect-module__caret{color:var(--text-secondary)}.RowSelect-module__select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;appearance:none;border:0;font-family:inherit}.Section-module__folder{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle);padding-top:var(--space-3);margin-top:var(--space-3)}.Section-module__folder:first-child,.Section-module__folder:first-of-type{border-top:0;padding-top:0;margin-top:0}.Section-module__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3);height:var(--row-height);padding:0 var(--space-1);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.Section-module__headerLeft{display:inline-flex;align-items:baseline;gap:var(--space-3);min-width:0}.Section-module__eyebrow{font-family:var(--font-mono-num);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:var(--tracking-wider);color:var(--text-faint)}.Section-module__title{font-size:var(--font-size-md);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-secondary);transition:color var(--duration-fast) var(--easing-standard)}.Section-module__header:hover .Section-module__title{color:var(--text-primary)}.Section-module__caret{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--text-faint);transition:transform var(--duration-base) var(--easing-snap),color var(--duration-fast) var(--easing-standard)}.Section-module__header:hover .Section-module__caret{color:var(--text-secondary)}.Section-module__caret[data-open=false]{transform:rotate(-90deg)}.Section-module__bodyWrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:1}.Section-module__bodyWrap[data-open=false]{grid-template-rows:0fr;opacity:0}.Section-module__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1) 0 var(--space-4);overflow:hidden;min-height:0}.Slider-module__row{position:relative;height:var(--row-height);border-radius:var(--radius-md);background:var(--surface-1);cursor:ew-resize;-webkit-user-select:none;user-select:none;overflow:hidden;touch-action:none;transition:background var(--duration-fast) var(--easing-standard)}.Slider-module__row:hover{background:var(--surface-2)}.Slider-module__row:focus-visible{outline:1px solid var(--border-strong);outline-offset:1px}.Slider-module__row[data-active]{background:var(--surface-2)}.Slider-module__row[data-disabled]{opacity:.4;pointer-events:none}.Slider-module__fill{position:absolute;top:0;bottom:0;left:0;background:var(--surface-3);pointer-events:none;transition:background var(--duration-fast) var(--easing-standard)}.Slider-module__row[data-active] .Slider-module__fill{background:var(--border-strong)}.Slider-module__handle{position:absolute;top:50%;width:3px;height:20px;border-radius:var(--radius-pill);background:var(--text-primary);transform:translate(-50%,-50%);pointer-events:none}.Slider-module__label{position:absolute;left:var(--space-4);top:50%;transform:translateY(calc(-50% - .5px));font-size:var(--font-size-md);font-weight:500;color:var(--text-label);pointer-events:none;transition:color var(--duration-fast) var(--easing-standard)}.Slider-module__row[data-active] .Slider-module__label{color:var(--text-focus)}.Slider-module__value{position:absolute;right:var(--space-4);top:50%;transform:translateY(calc(-50% + .5px));font-size:var(--font-size-md);font-weight:500;font-family:var(--font-mono-num);color:var(--text-label);background:transparent;border:0;border-bottom:1px solid transparent;padding:0 0 1px;cursor:text;transition:color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.Slider-module__value:hover{border-bottom-color:var(--text-label)}.Slider-module__row[data-active] .Slider-module__value{color:var(--text-focus)}.Slider-module__input{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:5ch;min-width:3ch;max-width:7ch;font-size:var(--font-size-md);font-weight:500;font-family:var(--font-mono-num);color:var(--text-focus);background:transparent;border:0;border-bottom:1px solid var(--text-label);padding:0 0 1px;outline:none;text-align:right}.Swatch-module__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:var(--row-height);padding:0 var(--space-3) 0 var(--space-5);background:var(--surface-rest);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--easing-standard)}.Swatch-module__row:hover{background:var(--surface-hover)}.Swatch-module__row[data-disabled]{opacity:.4;pointer-events:none}.Swatch-module__label{font-size:var(--font-size-md);font-weight:500;color:var(--text-label);flex-shrink:0;transition:color var(--duration-fast) var(--easing-standard)}.Swatch-module__row:hover .Swatch-module__label{color:var(--text-primary)}.Swatch-module__right{display:flex;align-items:center;gap:var(--space-4)}.Swatch-module__hex{font-family:var(--font-mono-num);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;color:var(--text-muted);background:transparent;border:0;border-bottom:1px solid transparent;padding:0 0 1px;cursor:text;transition:color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.Swatch-module__hex:hover{color:var(--text-primary);border-bottom-color:var(--text-faint)}.Swatch-module__hexInput{width:7ch;font-family:var(--font-mono-num);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;color:var(--text-focus);background:transparent;border:0;border-bottom:1px solid var(--border-focus);padding:0 0 1px;outline:none;text-transform:uppercase;text-align:right}.Swatch-module__swatch{position:relative;width:22px;height:22px;border-radius:var(--radius-sm);border:0;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 0 0 2px #00000040,0 1px 2px #00000059;transition:transform var(--duration-fast) var(--easing-snap),box-shadow var(--duration-fast) var(--easing-standard)}.Swatch-module__swatch:hover{transform:scale(1.08);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 0 2px #00000040,0 2px 4px #00000073}.Swatch-module__swatch:active{transform:scale(.96)}.Swatch-module__picker{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.RowToggle-module__row{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--row-height);padding:0 var(--space-3) 0 var(--space-5);background:var(--surface-rest);border:0;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--easing-standard)}.RowToggle-module__row:hover{background:var(--surface-hover)}.RowToggle-module__row[data-disabled]{opacity:.4;pointer-events:none}.RowToggle-module__label{font-size:var(--font-size-md);font-weight:500;color:var(--text-label);transition:color var(--duration-fast) var(--easing-standard)}.RowToggle-module__row[data-checked=true] .RowToggle-module__label,.RowToggle-module__row:hover .RowToggle-module__label{color:var(--text-primary)}.RowToggle-module__track{position:relative;width:30px;height:18px;border-radius:var(--radius-pill);background:var(--surface-3);transition:background var(--duration-base) var(--easing-snap)}.RowToggle-module__row[data-checked=true] .RowToggle-module__track{background:var(--accent-selected)}.RowToggle-module__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--radius-pill);background:var(--text-root);box-shadow:0 1px 2px #00000059;transition:left var(--duration-base) var(--easing-snap),background var(--duration-fast) var(--easing-standard)}.RowToggle-module__row[data-checked=true] .RowToggle-module__thumb{left:14px;background:var(--bg-panel)}.Preset-module__preset{position:relative;display:flex;align-items:center;gap:var(--space-4);width:100%;height:var(--row-height);padding:0 var(--space-3);font-family:inherit;font-size:var(--font-size-md);font-weight:500;color:var(--text-secondary);background:var(--surface-rest);border:0;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.Preset-module__preset:hover{background:var(--surface-hover);color:var(--text-primary)}.Preset-module__preset:active{background:var(--surface-active)}.Preset-module__preset[data-selected]{background:var(--surface-active);color:var(--text-primary);box-shadow:var(--ring-inner)}.Preset-module__swatch{flex:0 0 auto;width:22px;height:22px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 2px #00000038,0 1px 2px #0006}.Preset-module__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button-module__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--row-height-sm);padding:0 var(--space-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.Button-module__button:hover{color:var(--text-primary)}.Button-module__button:disabled{opacity:.4;pointer-events:none}.Button-module__subtle{background:var(--surface-rest)}.Button-module__subtle:hover{background:var(--surface-hover)}.Button-module__subtle:active{background:var(--surface-active)}.Button-module__ghost{background:transparent}.Button-module__ghost:hover{background:var(--surface-rest)}.Button-module__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);transition:color var(--duration-fast) var(--easing-standard)}.Button-module__button:hover .Button-module__icon{color:var(--text-secondary)}.Button-module__label{display:inline-block}.ContentSection-module__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.ContentSection-module__thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:0;background:var(--surface-rest);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast) var(--easing-standard)}.ContentSection-module__thumb:hover{border-color:var(--border-subtle)}.ContentSection-module__thumb[data-selected=true]{border-color:var(--text-primary)}.ContentSection-module__thumbImg{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--radius-md) - 2px)}.ContentSection-module__thumbLabel{font-family:inherit;font-size:10px;font-weight:500;letter-spacing:var(--tracking-tight);color:var(--text-muted);padding:2px 0 4px}.ContentSection-module__uploadThumb{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--surface-rest);border-radius:calc(var(--radius-md) - 2px);overflow:hidden}.ContentSection-module__uploadIcon{font-size:20px;font-weight:300;color:var(--text-muted);line-height:1}.ControlPanel-module__panel{position:relative;width:100%;background:var(--bg-panel);border-top:1px solid var(--border-default);padding:var(--space-5) var(--space-6) var(--space-7);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-md)}@media(min-width:768px){.ControlPanel-module__panel{width:var(--panel-width);height:100vh;overflow-y:auto;border-top:0;border-left:1px solid var(--border-default);padding:var(--space-6) var(--space-6) var(--space-8)}}.ControlPanel-module__panel::-webkit-scrollbar{width:6px}.ControlPanel-module__panel::-webkit-scrollbar-track{background:transparent}.ControlPanel-module__panel::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:var(--radius-pill)}.ControlPanel-module__panel::-webkit-scrollbar-thumb:hover{background:var(--surface-3)}.ControlPanel-module__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.ControlPanel-module__actions>*{width:100%}.ControlPanel-module__presetGrid{display:flex;flex-direction:column;gap:var(--space-2)}.ControlPanel-module__footer{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);color:var(--text-faint);font-size:var(--font-size-xs);line-height:1.5}.ControlPanel-module__footerKey{flex:0 0 auto;display:inline-flex;align-items:center;height:16px;padding:0 var(--space-2);font-family:var(--font-mono-num);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--surface-1);border-radius:var(--radius-xs)}.ControlPanel-module__footerHint{flex:1 1 auto}.ExportModal-module__backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;animation:ExportModal-module__fadeIn .25s cubic-bezier(.4,0,.2,1) both}.ExportModal-module__backdrop[data-closing=true]{animation:ExportModal-module__fadeOut .25s cubic-bezier(.4,0,.2,1) both}@keyframes ExportModal-module__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ExportModal-module__fadeOut{0%{opacity:1}to{opacity:0}}.ExportModal-module__modal{position:relative;width:90vw;max-width:560px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;cursor:default;animation:ExportModal-module__slideUp .3s cubic-bezier(.4,0,.2,1) both}.ExportModal-module__backdrop[data-closing=true] .ExportModal-module__modal{animation:ExportModal-module__slideDown .25s cubic-bezier(.4,0,.2,1) both}@keyframes ExportModal-module__slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ExportModal-module__slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.98)}}.ExportModal-module__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ExportModal-module__title{font-size:var(--font-size-md);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ExportModal-module__closeBtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:14px;line-height:1;color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard)}.ExportModal-module__closeBtn:hover{color:var(--text-primary);background:var(--surface-hover)}.ExportModal-module__codeWrap{flex:1 1 auto;overflow-y:auto;padding:var(--space-5) var(--space-6);min-height:0}.ExportModal-module__code{font-family:var(--font-mono-num);font-size:var(--font-size-sm);line-height:1.65;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}.ExportModal-module__codeWrap::-webkit-scrollbar{width:6px}.ExportModal-module__codeWrap::-webkit-scrollbar-track{background:transparent}.ExportModal-module__codeWrap::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:var(--radius-pill)}.ExportModal-module__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);flex-shrink:0}.AboutModal-module__backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);cursor:pointer;animation:AboutModal-module__fadeIn .3s var(--easing-standard) both}.AboutModal-module__backdrop[data-closing=true]{animation:AboutModal-module__fadeOut .25s var(--easing-standard) both}@keyframes AboutModal-module__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes AboutModal-module__fadeOut{0%{opacity:1}to{opacity:0}}.AboutModal-module__content{position:relative;max-width:480px;width:90%;padding:48px;cursor:default;animation:AboutModal-module__slideUp .4s var(--easing-standard) both}.AboutModal-module__backdrop[data-closing=true] .AboutModal-module__content{animation:AboutModal-module__slideDown .25s var(--easing-standard) both}@keyframes AboutModal-module__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes AboutModal-module__slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.AboutModal-module__title{font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--text-primary);margin:0 0 24px}.AboutModal-module__version{font-family:var(--font-mono-num);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:.05em;color:var(--text-muted);vertical-align:super;margin-left:6px}.AboutModal-module__divider{width:48px;height:1px;background:var(--border-subtle);margin-bottom:24px}.AboutModal-module__bodyText{font-size:14px;line-height:1.7;color:var(--text-muted);margin:0 0 24px}.AboutModal-module__credit{font-size:12px;color:var(--text-faint);margin:0}.AboutModal-module__link{color:var(--text-muted);text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:3px;text-decoration-color:#ffffff40;transition:color var(--duration-fast) var(--easing-standard),text-decoration-color var(--duration-fast) var(--easing-standard)}.AboutModal-module__link:hover{color:var(--text-primary);text-decoration-color:#ffffff80}.HypercolorMeshPage-module__page{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--bg-canvas)}@media(min-width:768px){.HypercolorMeshPage-module__page{flex-direction:row;height:100vh}}.HypercolorMeshPage-module__stage{position:relative;width:100%;aspect-ratio:1 / 1;flex-shrink:0;cursor:pointer}@media(min-width:768px){.HypercolorMeshPage-module__stage{position:fixed;inset:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;transform:translate(0);transition:transform .3s var(--easing-standard)}.HypercolorMeshPage-module__page[data-sidebar=open] .HypercolorMeshPage-module__stage{transform:translate(calc(var(--panel-width) / -2))}}.HypercolorMeshPage-module__aboutBtn{display:inline-flex;align-items:center;justify-content:center;position:fixed;bottom:var(--space-4);left:var(--space-4);z-index:10;width:28px;height:28px;color:var(--text-secondary);background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.HypercolorMeshPage-module__aboutBtn:hover{color:var(--text-primary);background:#0009}.HypercolorMeshPage-module__aboutBtn:active{background:#000000b3}.HypercolorMeshPage-module__btnIcon{font-size:14px;line-height:1}.HypercolorMeshPage-module__canvasTooltip{position:fixed;top:0;left:0;z-index:10;pointer-events:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;margin-left:14px;margin-top:14px;color:var(--text-primary);background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:12px;line-height:1;white-space:nowrap;will-change:transform}.HypercolorMeshPage-module__sidebar{flex-shrink:0;width:100%;overflow:hidden}@media(min-width:768px){.HypercolorMeshPage-module__sidebar{position:fixed;top:0;right:0;width:var(--panel-width);height:100vh;z-index:5;transition:transform .3s var(--easing-standard);transform:translate(0)}.HypercolorMeshPage-module__sidebar[data-open=false]{transform:translate(100%)}}.HypercolorMeshPage-module__toggleBtn{display:none}@media(min-width:768px){.HypercolorMeshPage-module__toggleBtn{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:var(--space-4);right:var(--space-4);z-index:10;width:28px;height:28px;color:var(--text-muted);background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:right .3s var(--easing-standard),color var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard)}.HypercolorMeshPage-module__toggleBtn:hover{color:var(--text-primary);background:#0009}.HypercolorMeshPage-module__page[data-sidebar=open] .HypercolorMeshPage-module__toggleBtn{right:calc(var(--panel-width) + var(--space-4))}}.PanelHeader-module__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0 var(--space-6);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.PanelHeader-module__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.PanelHeader-module__eyebrow{font-family:var(--font-mono-num);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-faint)}.PanelHeader-module__title{margin:0;font-size:var(--font-size-xl);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-root);line-height:1.15}.PanelHeader-module__subtitle{margin:0;font-size:var(--font-size-sm);font-weight:400;color:var(--text-muted);line-height:1.35}.PanelHeader-module__action{flex-shrink:0}.ComponentsPage-module__page{min-height:100vh;background:var(--bg-canvas);color:var(--text-secondary);padding:var(--space-8) var(--space-6)}.ComponentsPage-module__container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-9)}.ComponentsPage-module__pageHeader{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-7);border-bottom:1px solid var(--border-subtle)}.ComponentsPage-module__eyebrow{font-family:var(--font-mono-num);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-faint)}.ComponentsPage-module__title{margin:0;font-size:28px;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-root);line-height:1.1}.ComponentsPage-module__subtitle{margin:0;max-width:52ch;font-size:var(--font-size-md);color:var(--text-muted);line-height:1.5}.ComponentsPage-module__block{display:flex;flex-direction:column;gap:var(--space-5)}.ComponentsPage-module__h2{display:flex;align-items:baseline;gap:var(--space-4);margin:0;font-size:var(--font-size-xl);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ComponentsPage-module__h2Index{font-family:var(--font-mono-num);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--tracking-wider);color:var(--text-faint)}.ComponentsPage-module__h2Tag{margin-left:var(--space-2);display:inline-flex;align-items:center;height:18px;padding:0 var(--space-2);font-family:var(--font-mono-num);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);background:var(--surface-2);border-radius:var(--radius-xs)}.ComponentsPage-module__h3{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-faint)}.ComponentsPage-module__note{margin:0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.55;max-width:56ch}.ComponentsPage-module__demoPanel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ComponentsPage-module__demoRow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ComponentsPage-module__presetGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.ComponentsPage-module__swatchGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}@media(max-width:640px){.ComponentsPage-module__swatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ComponentsPage-module__tokenCard{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ComponentsPage-module__tokenChip{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 2px #00000040}.ComponentsPage-module__tokenMeta{display:flex;flex-direction:column;gap:2px;min-width:0}.ComponentsPage-module__tokenName{font-family:var(--font-mono-num);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ComponentsPage-module__tokenValue{font-family:var(--font-mono-num);font-size:var(--font-size-2xs);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ComponentsPage-module__textTokenList{display:flex;flex-direction:column;gap:var(--space-2)}.ComponentsPage-module__textTokenRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ComponentsPage-module__textTokenSample{font-size:var(--font-size-md);font-weight:500}.ComponentsPage-module__typeStack{display:flex;flex-direction:column;gap:var(--space-3)}.ComponentsPage-module__typeRow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ComponentsPage-module__typeSample{color:var(--text-primary);letter-spacing:var(--tracking-tight)}.ComponentsPage-module__typeMeta{font-family:var(--font-mono-num);font-size:var(--font-size-xs);color:var(--text-faint);white-space:nowrap}.ComponentsPage-module__spacingStack{display:flex;flex-direction:column;gap:var(--space-2)}.ComponentsPage-module__spacingRow{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ComponentsPage-module__spacingBar{height:8px;background:var(--surface-3);border-radius:var(--radius-xs)}.ComponentsPage-module__radiusGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3)}@media(max-width:640px){.ComponentsPage-module__radiusGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ComponentsPage-module__radiusCell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center}.ComponentsPage-module__radiusBox{width:36px;height:36px;background:var(--surface-3)}.ComponentsPage-module__pageFooter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.ComponentsPage-module__footerLink{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--easing-standard)}.ComponentsPage-module__footerLink:hover{color:var(--text-primary)}.ComponentsPage-module__footerMeta{font-size:var(--font-size-xs);color:var(--text-faint)}.ComponentsPage-module__footerMeta code{font-family:var(--font-mono-num);color:var(--text-muted)}.App-module__app{width:100%;min-height:100vh;background:var(--bg-canvas);color:var(--text-primary)}