.action-bar{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-shrink:0;position:relative;z-index:1;max-height:0;margin-top:-24px;padding:0 16px;margin-left:-16px;margin-right:-16px;opacity:0;pointer-events:none;transition:max-height .25s ease,opacity .25s ease,margin-top .25s ease}.action-bar.visible{max-height:60px;margin-top:0;opacity:1;pointer-events:auto}.save-btn-wrap{position:relative;display:flex}.save-btn-ghost{display:flex;align-items:center;gap:4px;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.save-btn-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px}.format-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:linear-gradient(90deg,#222 0% 100%),linear-gradient(90deg,#191919 0% 100%);border:.5px solid #2b2b2b;border-radius:9px;box-shadow:0 4px 6px #00000014,0 8px 16px #0000001f,0 20px 40px #0000002e;display:flex;flex-direction:column;min-width:160px;padding:4px;z-index:10;transform-origin:bottom right;animation:site-menu-enter .18s cubic-bezier(.23,1,.32,1) both}.format-menu button{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:none;border:none;border-radius:8px;color:#d6d6d6;font-size:16px;font-weight:300;font-family:inherit;cursor:pointer;transition:background .12s ease;text-align:left;width:100%}.format-menu button:hover{background:#141414}.format-hint{color:#d6d6d6;font-size:13px;opacity:.4}.export-error{font-size:12px;color:#ff6b6b;flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1440px){.action-bar{margin-top:-16px}}.page-transition-overlay{position:fixed;inset:0;background:#000;z-index:9999;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.23,1,.32,1)}.page-transition-overlay.active{opacity:1;pointer-events:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.site-header:before{content:"";position:absolute;inset:0 0 -32px;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);pointer-events:none;z-index:-1}.site-logo-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.site-menu-wrap{position:relative;flex-shrink:0}.site-menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#d6d6d6}@keyframes site-menu-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.site-menu-dropdown{position:fixed;top:60px;right:16px;background:linear-gradient(90deg,#222 0% 100%),linear-gradient(90deg,#191919 0% 100%);border:.5px solid #2b2b2b;border-radius:9px;padding:4px;min-width:160px;z-index:200;box-shadow:0 4px 6px #00000014,0 8px 16px #0000001f,0 20px 40px #0000002e;transform-origin:top right;animation:site-menu-enter .18s cubic-bezier(.23,1,.32,1) both}.site-menu-item{display:block;width:100%;padding:8px 12px;border-radius:8px;border:none;background:none;font-family:Geist,Inter,system-ui,sans-serif;font-size:16px;font-weight:300;color:#d6d6d6;text-align:left;cursor:pointer;white-space:nowrap;transition:background .12s ease}.site-menu-item:hover{background:#141414}.site-menu-item--disabled{opacity:.4;cursor:default;pointer-events:none}@media(max-width:850px){.site-header{padding:12px 16px}.site-menu-dropdown{right:16px}}.copy-toast{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#37373733;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:8px;box-shadow:inset 0 0 0 .5px #ffffff14;white-space:nowrap;pointer-events:none;animation:toast-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.copy-toast--leaving{animation:toast-out .25s cubic-bezier(.36,0,.66,0) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.88)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.94)}}.copy-toast-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;filter:drop-shadow(0 0 6px #fff679) drop-shadow(0 0 16px rgba(255,246,121,.4))}.copy-toast-text{font-size:16px;font-weight:400;color:var(--accent);text-shadow:0 0 16px #fff679}#panelWrapper{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.controls-panel{display:flex;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease-out,visibility 0ms linear .1s;gap:24px;padding:24px 24px 80px;border-radius:24px;background:#191919;box-shadow:inset 0 0 40px #00000080}.controls-panel.panel-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .1s ease-out,visibility 0ms}.controls-panel:before{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 .5px #494949;pointer-events:none;z-index:2}.controls-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#191919 55%);pointer-events:none;border-radius:0 0 24px 24px;z-index:1}@keyframes panelItemIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes panelItemInReduced{0%{opacity:0}to{opacity:1}}.panel-active .controls-left>*,.panel-active .dither-right>*,.panel-active .halftone-right>*,.panel-active .se-right>*,.panel-active .glow-right>*,.panel-active .glitchy-top,.panel-active #glitchyPanel>.glitchy-row-divider,.panel-active .glitchy-scroll-area>*,.panel-active .glitchy-right>*,.panel-active .glitchy-play-btn,.panel-active .liq-play-pause-btn{animation:panelItemIn .16s cubic-bezier(.23,1,.32,1) backwards}.panel-active .panel-divider{animation:panelItemIn .16s cubic-bezier(.23,1,.32,1) backwards;animation-delay:20ms}.panel-active .controls-left>*:nth-child(1),.panel-active .dither-right>*:nth-child(1),.panel-active .halftone-right>*:nth-child(1),.panel-active .se-right>*:nth-child(1),.panel-active .glow-right>*:nth-child(1){animation-delay:20ms}.panel-active .controls-left>*:nth-child(2),.panel-active .dither-right>*:nth-child(2),.panel-active .halftone-right>*:nth-child(2),.panel-active .se-right>*:nth-child(2),.panel-active .glow-right>*:nth-child(2){animation-delay:50ms}.panel-active .controls-left>*:nth-child(3),.panel-active .dither-right>*:nth-child(3),.panel-active .halftone-right>*:nth-child(3),.panel-active .se-right>*:nth-child(3){animation-delay:80ms}.panel-active .controls-left>*:nth-child(4),.panel-active .dither-right>*:nth-child(4),.panel-active .halftone-right>*:nth-child(4),.panel-active .se-right>*:nth-child(4){animation-delay:.11s}.panel-active .controls-left>*:nth-child(5),.panel-active .dither-right>*:nth-child(5),.panel-active .halftone-right>*:nth-child(5),.panel-active .se-right>*:nth-child(5){animation-delay:.14s}.panel-active .controls-left>*:nth-child(6),.panel-active .dither-right>*:nth-child(6),.panel-active .se-right>*:nth-child(6){animation-delay:.17s}.panel-active .glitchy-top{animation-delay:20ms}.panel-active #glitchyPanel>.glitchy-row-divider{animation-delay:50ms}.panel-active .glitchy-scroll-area>*:nth-child(1){animation-delay:80ms}.panel-active .glitchy-scroll-area>*:nth-child(2){animation-delay:.11s}.panel-active .glitchy-scroll-area>*:nth-child(3){animation-delay:.14s}.panel-active .glitchy-right>*:nth-child(1){animation-delay:40ms}.panel-active .glitchy-right>*:nth-child(2){animation-delay:70ms}.panel-active .glitchy-right>*:nth-child(3){animation-delay:.1s}.panel-active .glitchy-play-btn,.panel-active .liq-play-pause-btn{animation-delay:.17s}@media(prefers-reduced-motion:reduce){.panel-active .controls-left>*,.panel-active .dither-right>*,.panel-active .halftone-right>*,.panel-active .heatmap-right>*,.panel-active .glow-right>*,.panel-active .glitchy-top,.panel-active .glitchy-scroll-area>*,.panel-active .glitchy-right>*,.panel-active .glitchy-play-btn,.panel-active .liq-play-pause-btn,.panel-active .panel-divider,.panel-active #glitchyPanel>.glitchy-row-divider{animation-name:panelItemInReduced}}.controls-left,.dither-right{flex:1;min-height:0;display:flex;flex-direction:column;gap:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#373737 transparent;padding:4px 20px;margin:-4px -20px}.controls-left::-webkit-scrollbar,.dither-right::-webkit-scrollbar{width:4px}.controls-left::-webkit-scrollbar-track,.dither-right::-webkit-scrollbar-track{background:transparent}.controls-left::-webkit-scrollbar-thumb,.dither-right::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}#ditheringPanel .controls-left,#liquidPanel .controls-left,#symbolEdgesPanel .controls-left{flex:none;width:fit-content}#halftonePanel .controls-left,#glassPanel .controls-left{min-width:0}#glassPanel .controls-right{flex:1;width:auto;min-width:0}.dither-right{margin-right:-20px;padding-right:20px}#ditheringPanel,#halftonePanel,#liquidPanel,#glassPanel,#symbolEdgesPanel,#heatmapPanel{gap:24px}#heatmapPanel .controls-left{flex:1;min-width:0}.panel-active .heatmap-right>*{animation:panelItemIn .16s cubic-bezier(.23,1,.32,1) backwards}.panel-active .heatmap-right>*:nth-child(1){animation-delay:20ms}.panel-active .heatmap-right>*:nth-child(2){animation-delay:50ms}.panel-active .heatmap-right>*:nth-child(3){animation-delay:80ms}#liquidPanel{flex-direction:column}.liquid-main{flex:1;display:flex;gap:24px;min-height:0}.panel-divider{width:.5px;background:#2b2b2b}.widget-group,.input-row{display:flex;flex-direction:column;gap:8px}.input-row{gap:12px}.widget-label{color:#d6d6d6;font-size:16px}.type-label{margin-left:8px}.dither-type-section{display:flex;flex-direction:column;gap:10px}.dither-type-row{display:flex;gap:16px;align-items:flex-start}.dither-type-item{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px;border-radius:8px;transition:background .15s ease-out}.dither-type-item:hover{background:#14141499}.dither-type-btn{width:56px;height:56px;border-radius:8px;background:#141414;color:var(--text-muted);box-shadow:inset 0 0 0 .5px #6a6a6a;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:16px;transition:box-shadow .15s ease-out}.dither-type-item:hover .dither-type-btn{box-shadow:inset 0 0 0 .5px #d9d9d9;color:#d9d9d9}.dither-type-item:hover .dither-type-btn.selected{box-shadow:inset 0 0 0 .5px var(--accent),0 0 18.75px #fff67933;color:var(--accent)}.dither-type-item:hover .dither-type-btn img{filter:brightness(0) saturate(100%) invert(89%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(95%)}.dither-type-btn.selected{box-shadow:inset 0 0 0 .5px var(--accent),0 0 18.75px #fff67933;color:var(--accent)}.dither-type-btn img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(0%) hue-rotate(194deg) brightness(95%) contrast(93%)}.dither-type-btn.selected img{filter:brightness(0) saturate(100%) invert(92%) sepia(85%) saturate(510%) hue-rotate(335deg) brightness(104%) contrast(101%)}.dither-type-label{font-size:16px;font-weight:400;color:#d9d9d9}.dither-type-label.selected,.dither-type-item:hover .dither-type-label.selected{color:var(--accent)}.crt-type-row{display:flex;gap:8px}.crt-type-btn{flex:1;padding:8px 0;border-radius:8px;box-shadow:inset 0 0 0 .5px #4a4a4a;background:var(--panel-dark);color:#888;font-size:14px;cursor:pointer;transition:box-shadow .15s ease-out,color .15s ease-out}.crt-type-btn:hover{box-shadow:inset 0 0 0 .5px #d9d9d9;color:#d9d9d9}.crt-type-btn.selected{box-shadow:inset 0 0 0 .5px var(--accent),0 0 18px #fff67933;color:var(--accent)}.dither-slider-section{display:flex;flex-direction:column;gap:24px}.liq-play-pause-btn{flex-shrink:0;width:100%}.paper-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#373737 transparent;padding:4px 20px;margin:-4px -20px}#paperPanel .controls-left{flex:1;min-width:0}#paperPanel .paper-right .controls-right{align-self:center}.paper-right::-webkit-scrollbar{width:4px}.paper-right::-webkit-scrollbar-track{background:transparent}.paper-right::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.paper-divider-h{height:.5px;background:#2b2b2b;flex-shrink:0}.panel-active .paper-right>*{animation:panelItemIn .16s cubic-bezier(.23,1,.32,1) backwards}.panel-active .paper-right>*:nth-child(1){animation-delay:20ms}.panel-active .paper-right>*:nth-child(2){animation-delay:50ms}.panel-active .paper-right>*:nth-child(3){animation-delay:80ms}.panel-active .paper-right>*:nth-child(4){animation-delay:.11s}.panel-active .paper-right>*:nth-child(5){animation-delay:.14s}.panel-active .paper-right>*:nth-child(6){animation-delay:.17s}.panel-active .paper-right>*:nth-child(7){animation-delay:.2s}.panel-active .paper-right>.paper-sub-controls{animation:none}.paper-sub-controls{display:flex;flex-direction:column;gap:24px}.panel-active .paper-sub-controls>*{animation:panelItemIn .16s cubic-bezier(.23,1,.32,1) backwards}.panel-active .paper-sub-controls>*:nth-child(1){animation-delay:20ms}.panel-active .paper-sub-controls>*:nth-child(2){animation-delay:50ms}.panel-active .paper-sub-controls>*:nth-child(3){animation-delay:80ms}#panelWrapper.no-add-layer .controls-panel{padding-bottom:32px}.add-layer-btn{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--panel-light);border-radius:12px;color:var(--text);font-size:16px;font-weight:400;cursor:pointer;z-index:5;transition:background .15s ease-out,opacity .15s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}.add-layer-btn:not(:disabled):active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.add-layer-btn:not(:disabled):hover{background:#444}}.controls-left,.dither-right,.halftone-right,.se-right,.glow-right,.paper-right,.heatmap-right,.glitchy-scroll-area{padding-bottom:32px}@media(max-width:1440px){.controls-panel{padding:16px 16px 64px;gap:20px}.controls-panel:after{height:64px}.controls-left,.dither-right,.halftone-right,.se-right,.glow-right,.paper-right,.heatmap-right,.glitchy-scroll-area,.glitchy-right,.glitchy-collapsible-inner{gap:20px}.controls-left,.dither-right,.halftone-right,.se-right,.glow-right,.paper-right,.heatmap-right,.glitchy-scroll-area{padding-bottom:32px}#panelWrapper.no-add-layer .controls-panel{padding-bottom:16px}.add-layer-btn{bottom:24px;left:16px;right:16px}#panelWrapper .controls-left,#panelWrapper .dither-right,#panelWrapper .halftone-right,#panelWrapper .se-right,#panelWrapper .glow-right,#panelWrapper .paper-right,#panelWrapper .heatmap-right{padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px}#panelWrapper .glitchy-scroll-area{padding-right:16px;margin-right:-16px}.panel-divider{margin-left:-8px;margin-right:-8px;margin-bottom:24px}.dither-type-row{flex-wrap:wrap}#ditheringPanel .controls-left{flex:1;width:auto;min-width:0}.dither-type-btn{width:40px;height:40px;padding:10px}}.checkbox-row{display:flex;align-items:center;gap:12px;padding:8px;width:100%;border-radius:8px;border:0;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;transition:background .15s ease,transform .1s ease-out}.checkbox-row:active{transform:scale(.97)}.checkbox-row:hover{background:#14141499}.checkbox{width:24px;height:24px;flex-shrink:0;border-radius:4px;border:1px solid #6a6a6a;background:#141414;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.checkbox-row:hover .checkbox{border-color:#d9d9d9}.checkbox.checked{border-color:#fff679;box-shadow:0 0 18.75px .25px #fff67933;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 3.5L4 6.5L9 1' stroke='%23FFF679' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 8px}.checkbox-label{color:#d6d6d6;font-size:16px;font-weight:400}.color-picker-popup{background:#1c1c1c;border:.5px solid #2b2b2b;border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:16px;width:332px;box-shadow:inset 0 0 0 .5px #262626,0 0 20px #0000004d;z-index:9999;-webkit-user-select:none;user-select:none}.picker-palette-wrapper{position:relative;width:300px;height:231px;border-radius:16px;overflow:hidden;cursor:crosshair;flex-shrink:0;touch-action:none}.picker-canvas{display:block;width:100%;height:100%}.picker-thumb{position:absolute;width:32px;height:32px;border-radius:50%;background:transparent;border:3px solid #fff;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #0003;pointer-events:none}.picker-inputs-row{display:flex;align-items:center;gap:8px}.picker-hex-label{color:#d6d6d6;font-size:16px;font-weight:400;flex-shrink:0}.picker-hex-field{display:flex;align-items:center;height:40px;background:#141414;box-shadow:inset 0 0 0 .5px #262626;border-radius:8px;padding:0 8px;gap:2px;width:95px;flex-shrink:0;transition:box-shadow .2s ease-out,background .2s ease-out}.picker-hex-field:focus-within{box-shadow:inset 0 0 0 .5px #686868;background:#1e1e1e}.picker-hex-hash{color:#d6d6d6;font-size:16px;font-family:Geist,Inter,system-ui,sans-serif;flex-shrink:0;line-height:1}.picker-hex-input{background:transparent;border:none;outline:none;color:#d6d6d6;font-size:16px;font-family:Geist,Inter,system-ui,sans-serif;width:100%;padding:0;min-width:0}.picker-eyedropper-btn{margin-left:auto;width:40px;height:40px;background:#373737;border-radius:8px;border:none;color:#d6d6d6;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease-out,color .15s ease-out}.picker-eyedropper-btn:hover{background:#424242;color:#e0e0e0}.picker-bottom-row{display:flex;align-items:center;gap:16px}.picker-preview-swatch{width:40px;height:40px;flex-shrink:0;border-radius:16px;box-shadow:inset 0 0 0 .5px #ffffff14}.picker-slider-track{position:relative;flex:1;height:40px;border-radius:24px;cursor:pointer;overflow:hidden;touch-action:none}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red);box-shadow:inset 0 0 0 .5px #ffffff14}.picker-slider-thumb{position:absolute;top:0;width:40px;height:40px;border-radius:50%;background:transparent;border:3px solid #fff;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #0003;pointer-events:none}@media(max-width:768px){.picker-eyedropper-btn{display:none}.picker-preview-swatch{border-radius:50%}}.color-selector{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px;transition:background .2s ease-out;isolation:isolate}.color-selector:hover{background:#14141499}.color-label{color:#d6d6d6;font-size:16px;font-weight:400}.color-row{display:flex;gap:16px;align-items:center}.color-swatch{width:40px;height:40px;border-radius:8px;flex-shrink:0;box-shadow:inset 0 0 0 .5px #262626;padding:0;cursor:pointer}.color-hex{width:95px;height:40px;background:#141414;box-shadow:inset 0 0 0 .5px #262626;border:none;border-radius:8px;color:#d6d6d6;font-size:16px;font-weight:400;font-family:Geist,Inter,system-ui,sans-serif;padding:8px 12px;text-align:center;outline:none;transition:box-shadow .2s ease-out,background .2s ease-out}.color-hex:hover{box-shadow:inset 0 0 0 .5px #484848;background:#1c1c1c}.color-hex:focus{box-shadow:inset 0 0 0 .5px #686868;background:#1e1e1e}@media(max-width:768px){.color-swatch{border-radius:50%}}.slider-row{display:flex;gap:16px;align-items:center;padding:8px;border-radius:8px;background:transparent;transition:background .2s ease-out;isolation:isolate}.slider-row:hover{background:#14141499}.slider-container{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.slider-label{color:#d6d6d6;font-size:16px;font-weight:400}.slider-track{display:flex;align-items:center;width:100%;-webkit-user-select:none;user-select:none;touch-action:none}.track-fill{height:6px;border-radius:40px;flex-shrink:0;background:#fff679;width:0;margin-right:-6px}.slider-thumb{width:12px;height:12px;border-radius:50%;flex-shrink:0;background:#fff679;box-shadow:-2px 0 8px #00000040;position:relative;z-index:1;transition:background .15s ease-out,transform .1s ease-out}.slider-track:active .slider-thumb{transform:scale(1.2)}.track-empty{height:6px;border-radius:40px;background:#6a6a6a;flex:1;min-width:0;margin-left:-6px}.value-display{background:#141414;box-shadow:inset 0 0 0 .5px #262626;border:none;border-radius:8px;padding:8px 16px;color:#d6d6d6;font-size:16px;font-weight:500;width:62px;height:40px;text-align:center;outline:none;font-family:inherit;flex-shrink:0;cursor:ew-resize;transition:box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out;isolation:isolate}.value-display:hover{box-shadow:inset 0 0 0 .5px #484848;background:#1c1c1c}.value-display:focus{box-shadow:inset 0 0 0 .5px #686868;background:#1e1e1e;transform:scale(1.02);cursor:text}.value-display:active{transform:scale(1.03)}.dither-color-tabs{position:relative;display:flex}.dither-color-tab{flex:1;padding:12px 0;background:none;border:none;border-bottom:1.5px solid transparent;color:#fff;font-size:16px;font-family:inherit;cursor:pointer;text-align:center}.dither-color-tabs-overlay{position:absolute;inset:0;display:flex;pointer-events:none;transition:clip-path .22s cubic-bezier(.23,1,.32,1)}.dither-color-tabs-overlay .dither-color-tab{color:var(--accent);border-bottom-color:var(--accent);cursor:default}.dither-preset-list{display:flex;flex-direction:column;gap:12px}.dither-preset-item{display:flex;flex-direction:column;gap:8px;padding:8px;width:100%;background:transparent;border:.5px solid transparent;border-radius:16px;cursor:pointer;text-align:left;transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.dither-preset-item:hover{background:#14141499}.dither-preset-item.selected{background:#141414;border-color:var(--accent);box-shadow:0 0 18.75px #fff67933}.dither-preset-label{font-size:16px;color:var(--text);white-space:nowrap}.dither-preset-swatch{display:block;height:24px;width:100%;border-radius:8px;flex-shrink:0}.selector-group{display:flex;flex-direction:column;gap:8px}.selector-group-label{color:#d6d6d6;font-size:16px}.selector{position:relative}.selector-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 8px 8px 12px;background:#141414;border-radius:8px;color:#d6d6d6;box-shadow:inset 0 0 0 .5px #262626;cursor:pointer;transition:box-shadow .2s ease-out,background .2s ease-out}.selector-group:hover .selector-trigger{box-shadow:inset 0 0 0 .5px #484848;background:#1c1c1c}.selector-left{display:flex;align-items:center;gap:4px}.option-text,.dropdown-item-text{color:#d6d6d6;font-size:16px;font-weight:400}.chevron{width:24px;height:24px;display:block;flex-shrink:0;transition:transform .18s ease}.selector.open .chevron{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;display:none;border-radius:8px;background:#141414;box-shadow:inset 0 0 0 .5px #262626,0 0 20px #0000004d;z-index:4;padding:4px}.selector.open .dropdown{display:block}.dropdown-item{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 8px;border-radius:4px;background:transparent;color:#d6d6d6;cursor:pointer;width:100%}.dropdown-item:hover{background:#1c1c1c}.dropdown-item.active{background:#1a1a1a}@property --kf-top{syntax: "<color>"; inherits: false; initial-value: #656565;}@property --kf-bottom{syntax: "<color>"; inherits: false; initial-value: #515151;}@property --kf-inner2{syntax: "<color>"; inherits: false; initial-value: rgba(255,255,255,.3);}@property --kf-inner3{syntax: "<color>"; inherits: false; initial-value: rgba(0,0,0,.3);}.controls-right{padding:4px;width:160px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.knob-label{color:#d6d6d6;font-size:16px}.dial-wrap{position:relative;width:152px;height:132px;margin-top:16px}.deg-top,.deg-bottom{position:absolute;left:50%;transform:translate(-50%);font-size:10px;line-height:1;color:#595959;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.deg-top{top:2px;padding-left:4px}.deg-bottom{bottom:2px}.deg-left,.deg-right{position:absolute;font-size:10px;color:#595959;top:66px;transform:translateY(-50%);text-align:center;-webkit-user-select:none;user-select:none;width:22px}.deg-left{left:0}.deg-right{left:130px}.knob-area{position:absolute;left:26px;top:16px;width:100px;height:100px}.knob{position:relative;width:100px;height:100px;border-radius:999px;border:.625px solid #262626;background:radial-gradient(circle at center,#202020,#191919);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.knob.dragging{cursor:grabbing}.knob-face{position:absolute;inset:10px;border-radius:999px;overflow:hidden;--kf-top: #656565;--kf-bottom: #515151;--kf-inner2: rgba(255, 255, 255, .3);--kf-inner3: rgba(0, 0, 0, .3);background:linear-gradient(to bottom,var(--kf-top),var(--kf-bottom));box-shadow:0 4px 4px #00000040,0 2px 4px #00000040,0 7px 7px #00000036,0 15px 9px #00000021,0 27px 11px #0000000a,0 43px 12px #0000,inset 0 2.5px 6.25px #ffffff1a,inset 0 2px 2px var(--kf-inner2),inset 0 -4px 4px var(--kf-inner3);transition:--kf-top .2s ease-out,--kf-bottom .2s ease-out,--kf-inner2 .2s ease-out,--kf-inner3 .2s ease-out}.knob:hover .knob-face{--kf-top: #828282;--kf-bottom: #535353;--kf-inner2: rgba(255, 255, 255, .2)}.knob.dragging .knob-face{--kf-top: #4f4f4f;--kf-bottom: #393939;--kf-inner2: rgba(255, 255, 255, 0)}.indicator{position:absolute;width:7.5px;height:7.5px;border-radius:999px;background:var(--accent);box-shadow:0 0 18.75px 6.25px #fff67933;z-index:2}.tick{position:absolute;border-radius:999px;z-index:2}.knob-value-display{margin-top:8px;background:#141414;box-shadow:inset 0 0 0 .5px #262626;border:none;border-radius:8px;padding:8px 10px 8px 14px;color:#d6d6d6;font-size:16px;font-weight:500;width:62px;height:40px;text-align:center;outline:none}#glitchyPanel{flex-direction:column}.glitchy-scroll-area{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:#373737 transparent;margin-right:-20px;padding-right:20px}.glitchy-scroll-area::-webkit-scrollbar{width:4px}.glitchy-scroll-area::-webkit-scrollbar-track{background:transparent}.glitchy-scroll-area::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.glitchy-top{display:flex;gap:32px;align-items:flex-start;flex-shrink:0}.glitchy-left{display:flex;flex-direction:column;gap:8px;flex-shrink:0;width:144px}.glitchy-right{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.glitchy-col-divider{width:.5px;background:#2b2b2b;align-self:stretch;flex-shrink:0}.glitchy-row-divider{height:.5px;background:#2b2b2b;width:100%;flex-shrink:0}.glitchy-section-label{font-size:16px;font-weight:500;color:var(--text)}.glitchy-section{display:flex;flex-direction:column;flex-shrink:0}.glitchy-form-label{font-size:16px;color:var(--text-muted)}.glitchy-play-footer{flex-shrink:0}.glitchy-play-btn{width:100%}.glitchy-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1)}.glitchy-collapsible.expanded{grid-template-rows:1fr}.glitchy-collapsible-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:24px;padding-top:0;opacity:0;transition:opacity .22s ease,padding-top .32s cubic-bezier(.4,0,.2,1)}.glitchy-collapsible.expanded .glitchy-collapsible-inner{padding-top:24px;opacity:1}.glitch-form-icons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.glitch-form-icons .dither-type-item{padding:4px;gap:4px}.halftone-right{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#373737 transparent;padding:4px 20px;margin:-4px -20px}.halftone-right::-webkit-scrollbar{width:4px}.halftone-right::-webkit-scrollbar-track{background:transparent}.halftone-right::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}#halftonePanel .controls-right{align-self:center}.ht-section{display:grid;grid-template-rows:1fr;margin-top:0;transition:grid-template-rows .3s cubic-bezier(.23,1,.32,1),margin-top .3s cubic-bezier(.23,1,.32,1)}.ht-section.ht-hidden{grid-template-rows:0fr;margin-top:-16px;pointer-events:none;transition:grid-template-rows .18s cubic-bezier(.23,1,.32,1),margin-top .18s cubic-bezier(.23,1,.32,1)}.ht-section-inner{overflow:hidden;display:flex;flex-direction:column;gap:24px;transition:opacity .2s ease}.ht-section.ht-hidden .ht-section-inner{opacity:0}.ht-extra{display:grid;grid-template-rows:1fr;margin-top:0;transition:grid-template-rows .28s cubic-bezier(.23,1,.32,1),margin-top .28s cubic-bezier(.23,1,.32,1)}.ht-extra.ht-hidden{grid-template-rows:0fr;margin-top:-16px;pointer-events:none;transition:grid-template-rows .16s cubic-bezier(.23,1,.32,1),margin-top .16s cubic-bezier(.23,1,.32,1)}.ht-extra-inner{overflow:hidden;display:flex;flex-direction:column;gap:24px;transition:opacity .2s ease}.ht-extra.ht-hidden .ht-extra-inner{opacity:0}.heatmap-palette-list{display:flex;flex-direction:column;gap:16px}.heatmap-palette-item{display:flex;flex-direction:column;gap:8px;padding:8px;width:100%;background:transparent;border:.5px solid transparent;border-radius:16px;cursor:pointer;text-align:left;transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.heatmap-palette-item:hover{background:#14141499}.heatmap-palette-item.selected{background:#141414;border-color:var(--accent);box-shadow:0 0 18.75px #fff67933}.heatmap-palette-label{font-size:16px;color:var(--text);white-space:nowrap}.heatmap-palette-swatch{display:block;height:24px;width:100%;border-radius:8px;flex-shrink:0}.heatmap-right{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#373737 transparent;padding:4px 20px;margin:-4px -20px}.heatmap-right::-webkit-scrollbar{width:4px}.heatmap-right::-webkit-scrollbar-track{background:transparent}.heatmap-right::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.heatmap-gradient-editor{display:flex;flex-direction:column;gap:16px}.heatmap-gradient-wrap{position:relative;cursor:crosshair;padding-bottom:22px}.heatmap-gradient-bar{height:24px;border-radius:8px;width:100%;pointer-events:none}.heatmap-gradient-track{position:absolute;left:0;right:0;bottom:0;height:14px}.heatmap-stop-marker{position:absolute;width:14px;height:14px;border-radius:3px;border:1.5px solid #6a6a6a;transform:translate(-50%);cursor:grab;padding:0;transition:border-color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out;top:0}.heatmap-stop-marker.selected{border-color:#fff;box-shadow:0 0 8px #ffffff59;z-index:1}.heatmap-stop-marker.delete-pending{opacity:.35;border-color:#f44}.heatmap-stop-marker:active{cursor:grabbing}.se-right{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#373737 transparent;padding:4px 20px;margin:-4px -20px}.se-right::-webkit-scrollbar{width:4px}.se-right::-webkit-scrollbar-track{background:transparent}.se-right::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.se-symbols-row{display:flex;flex-direction:column;gap:6px}.se-symbols-input{height:40px;background:#141414;box-shadow:inset 0 0 0 .5px #262626;border-radius:8px;padding:0 12px;border:none;outline:none;color:#d6d6d6;font-family:Geist Mono,JetBrains Mono,monospace;font-size:15px;letter-spacing:2px;width:100%;transition:box-shadow .2s ease-out,background .2s ease-out}.se-symbols-input:focus{box-shadow:inset 0 0 0 .5px #686868;background:#1e1e1e}#blurPanel{flex-direction:column;gap:16px}.blur-motion-row{flex:1;display:flex;gap:24px;min-height:0}.blur-motion-row .controls-right{flex:1;width:auto;min-width:0}#glowPanel{gap:24px}.glow-right{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#373737 transparent;padding:4px 20px;margin:-4px -20px}.glow-right::-webkit-scrollbar{width:4px}.glow-right::-webkit-scrollbar-track{background:transparent}.glow-right::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.filter-buttons-wrap{position:relative;margin:-21px -24px -48px}.filter-buttons-scroll{overflow-x:auto;scrollbar-width:none;padding-left:24px;padding-top:24px;padding-bottom:48px;mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 40px),transparent 100%)}.filter-buttons-scroll::-webkit-scrollbar{display:none}.filter-buttons{display:flex;gap:16px;padding:3px 0}.filter-strip-end{min-width:8px;flex-shrink:0}.filter-btn{position:relative;display:flex;flex-direction:column;align-items:center;width:120px;flex-shrink:0;border-radius:24px;background:transparent;box-shadow:0 50px 14px #0000,0 32px 13px #00000005,0 18px 11px #0000000f,0 8px 8px #0000001c,0 2px 4px #00000021;cursor:pointer;overflow:hidden;transition:box-shadow .25s ease,transform .28s cubic-bezier(.34,1.4,.64,1)}.filter-btn:after{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 .8px #515151;pointer-events:none;z-index:10;transition:box-shadow .18s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.filter-btn:hover{transform:translateY(-3px)}.filter-btn:hover:after{box-shadow:inset 0 0 0 .8px #949494,inset 0 4px 4px #00000040}.filter-btn:hover .thumb-hover{opacity:1;transition:opacity .25s ease-out}.filter-btn:hover .btn-bottom{background:#00000080}.filter-btn:hover .filter-icon,.filter-btn:hover .filter-label{color:#fff679}.filter-btn:hover .filter-icon{filter:drop-shadow(0 0 8px rgba(255,246,121,.6))}.filter-btn.selected:hover{transform:translateY(-3px)}.filter-btn.is-disabled:hover:after{box-shadow:inset 0 0 0 .8px #515151}.filter-btn.is-disabled:hover{box-shadow:0 50px 14px #0000,0 32px 13px #00000005,0 18px 11px #0000000f,0 8px 8px #0000001c,0 2px 4px #00000021;transform:none}}.filter-btn.selected{box-shadow:0 65px 18px #0000,0 41px 17px #0000,0 23px 14px #0000,0 10px 10px #0000,0 2px 5px #0003,0 0 20px 2px #fff67940}.filter-btn.selected:after{box-shadow:inset 0 0 0 .8px #fef579,inset 0 4px 4px #00000040}.filter-btn:active{transform:scale(.97);transition:transform .1s ease-out}.filter-btn.is-disabled{opacity:.72;cursor:not-allowed}.btn-thumbnail{width:100%;height:128px;overflow:hidden;position:relative;z-index:1}.btn-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb-hover{opacity:0;transition:opacity .15s ease}.filter-btn.selected .thumb-hover{opacity:1}.btn-bottom{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;width:100%;padding:12px 0;position:relative;z-index:1;background:radial-gradient(129px 129px at 100% 0%,#282828,#333);box-shadow:inset 4px 4px 8px #ffffff0d,inset -2px -4px 8px #00000040;transition:background .25s ease,box-shadow .25s ease;border-radius:0 0 24px 24px}.filter-btn.selected .btn-bottom{background:#171717;box-shadow:inset 0 0 23px #0006}.filter-icon{width:24px;height:24px;flex-shrink:0;color:#d6d6d6;transition:color .2s ease,filter .2s ease}.filter-icon svg{display:block;width:100%;height:100%}.filter-label{color:#d6d6d6;font-size:16px;font-weight:400;white-space:nowrap;transition:color .2s ease,text-shadow .2s ease}.filter-btn.selected .filter-icon{color:#fff679;filter:drop-shadow(0 0 8px rgba(255,246,121,.6))}.filter-btn.selected .filter-label{color:#fff679}.filter-btn.selected .filter-label{text-shadow:0 0 4px rgba(255,246,121,.25)}@media(max-width:1440px){.filter-btn{width:100px}.btn-thumbnail{height:100px}.filter-icon{width:16px;height:16px}.filter-label{font-size:13px}.btn-bottom{padding:10px 0}.filter-buttons-scroll{padding-left:16px}.filter-buttons-wrap{margin-left:-16px;margin-right:-16px}}.filter-btn-wrap{position:relative;flex-shrink:0}.layers-panel{display:flex;flex-direction:column;gap:0;background:#191919;border-radius:24px;box-shadow:inset 0 0 0 .5px #606060,inset 0 0 40px #00000080;padding:0;flex-shrink:0;max-height:0;margin-top:-24px;opacity:0;pointer-events:none;overflow:hidden;transition:max-height .35s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),margin-top .35s cubic-bezier(.23,1,.32,1),padding .35s cubic-bezier(.23,1,.32,1)}.layers-panel--visible{max-height:500px;padding:16px 24px 24px;margin-top:0;opacity:1;pointer-events:auto;overflow:visible}.layers-header{display:flex;align-items:center;justify-content:space-between;transition:opacity .25s cubic-bezier(.23,1,.32,1)}@starting-style{.layers-header{opacity:0}}.layers-title{font-size:16px;font-weight:400;color:#d6d6d6}.layers-collapse-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:12px;color:var(--text-muted);cursor:pointer;flex-shrink:0;margin-right:-8px;transition:color .2s ease-out,background .2s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}.layers-collapse-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);right:0;background:#000000b3;color:#d6d6d6;font-size:12px;font-weight:300;font-family:inherit;white-space:nowrap;padding:4px 8px;border-radius:12px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:10}.layers-collapse-btn:active{transform:scale(.85)}@media(hover:hover)and (pointer:fine){.layers-collapse-btn:hover{color:var(--text);background:#14141499}.layers-collapse-btn:hover:after{opacity:1;transform:translateY(0)}}.layers-list-outer{display:grid;grid-template-rows:1fr;margin-top:16px;transition:grid-template-rows .32s cubic-bezier(.23,1,.32,1),margin-top .32s cubic-bezier(.23,1,.32,1),opacity .25s cubic-bezier(.23,1,.32,1)}.layers-list-outer--collapsed{grid-template-rows:0fr;margin-top:0;opacity:0}.layers-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.layer-row{display:flex;align-items:center;gap:16px;-webkit-user-select:none;user-select:none;transition:opacity .2s cubic-bezier(.23,1,.32,1)}@starting-style{.layer-row{opacity:0}}.layer-row--over .layer-name-btn{outline:1px solid #fff67980}.layer-left{flex:1;display:flex;align-items:center;min-width:0}.layer-eye-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:12px;color:#606060;cursor:pointer;flex-shrink:0;transition:color .2s ease-out,background .2s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}.layer-eye-btn--hidden{color:#444}.layer-eye-btn:active{transform:scale(.85)}@media(hover:hover)and (pointer:fine){.layer-eye-btn:hover{color:var(--text);background:#14141499}}.layer-name-btn{flex:1;display:flex;align-items:center;gap:4px;padding:8px;background:#373737;border:none;border-radius:12px;box-shadow:inset 0 0 0 1px transparent;color:#d6d6d6;font-size:16px;font-family:inherit;font-weight:400;cursor:grab;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,box-shadow .15s ease,color .15s ease}.layer-name-btn:active{cursor:grabbing}.layer-name-btn--active{box-shadow:inset 0 0 0 1px #fff679;color:#fff679;text-shadow:0 0 16px #fff679}.layer-name-btn--active svg{color:#fff679}.layer-name-btn--hidden{background:#3737374d;color:#6a6a6a}.layer-name-btn--hidden svg{color:#6a6a6a}.layer-name-btn--active.layer-name-btn--hidden{box-shadow:inset 0 0 0 1px transparent;text-shadow:none}@media(prefers-reduced-motion:reduce){.layers-panel{transition:opacity .25s ease}}@media(max-width:1440px){.layers-panel--visible{padding:8px 16px 16px}}.layer-right{display:flex;align-items:center;flex-shrink:0;margin-right:-8px}.layer-trash-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:12px;color:#606060;cursor:pointer;flex-shrink:0;transition:color .2s ease-out,background .2s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}.layer-trash-btn:active{transform:scale(.85)}@media(hover:hover)and (pointer:fine){.layer-trash-btn:hover{color:#ff6b6b;background:#14141499}}:root{--ease-out-strong: cubic-bezier(.23, 1, .32, 1)}.mobile-sheet{display:none;flex-shrink:0;width:100%;min-width:0;padding:0 16px 16px}.sheet-card{border-radius:32px;border:.5px solid #606060;background:linear-gradient(to top,#202020,#242424);box-shadow:0 -2px 6px #0000001f,0 4px 24px #0000004d,inset 4px 4px 16px #ffffff0d,inset -2px -4px 16px #00000080;display:flex;flex-direction:column;width:100%;min-width:0;padding:8px 16px 0;gap:8px;transition:background .3s var(--ease-out-strong),padding .3s var(--ease-out-strong),gap .3s var(--ease-out-strong)}.mobile-sheet.expanded .sheet-card{background:linear-gradient(to top,#202020,#242424);padding:8px;gap:0}.mobile-sheet.expanded .sheet-settings-area,.mobile-sheet.cp-open .sheet-settings-area{margin-top:8px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding-left:8px;padding-right:8px;position:relative;z-index:1;transition:padding-left .3s var(--ease-out-strong),padding-right .3s var(--ease-out-strong)}.mobile-sheet:not(.expanded) .sheet-header{padding-left:0;padding-right:0}.sheet-filter-name{font-size:18px;font-weight:400;color:var(--text);line-height:1}.sheet-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer;color:var(--text);flex-shrink:0;transition:transform .12s var(--ease-out-strong)}.sheet-icon-btn:active{transform:scale(.88)}.sheet-header-icon{display:flex;opacity:1;transition:opacity .12s ease-out}@starting-style{.sheet-header-icon{opacity:0}}.sheet-filter-area{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s var(--ease-out-strong)}.mobile-sheet:not(.expanded) .sheet-filter-area{margin-top:-24px;margin-bottom:-14px}.mobile-sheet:not(.expanded) .sheet-filter-area-inner{padding-bottom:14px}.mobile-sheet.expanded .sheet-filter-area{grid-template-rows:0fr;transition:grid-template-rows .22s var(--ease-out-strong);pointer-events:none}.sheet-filter-area-inner{overflow:hidden;display:flex;flex-direction:column;gap:16px;opacity:1;transition:opacity .2s var(--ease-out-strong);margin-left:-32px;margin-right:-32px;padding-left:16px;padding-right:16px}.mobile-sheet.expanded .sheet-filter-area-inner{opacity:0;transition:opacity .12s var(--ease-out-strong)}.sheet-filter-strip .filter-buttons-wrap{margin:0 0 -16px}.sheet-filter-strip .filter-buttons-scroll{padding:24px 16px;mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 16px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 16px),transparent 100%)}.sheet-filter-strip .filter-strip-end{min-width:4px}.sheet-filter-strip .filter-buttons{gap:16px}.sheet-filter-strip .filter-btn{width:80px;border-radius:16px}.sheet-filter-strip .filter-btn:after{border-radius:16px}.sheet-filter-strip .btn-thumbnail{height:80px;overflow:hidden}.sheet-filter-strip .btn-bottom{display:none}.sheet-action-bar{display:flex;gap:16px;padding:0 0 8px;overflow:visible;max-height:100px;opacity:1;transform:translateY(0);transition:opacity .18s var(--ease-out-strong),transform .18s var(--ease-out-strong),max-height .24s var(--ease-out-strong),padding-bottom .24s var(--ease-out-strong)}.mobile-sheet.expanded .sheet-action-bar{opacity:0;max-height:0;padding-bottom:0;pointer-events:none}@starting-style{.sheet-action-bar{opacity:0;transform:translateY(6px)}}.mobile-sheet .btn{border-radius:16px}.sheet-action-btn{flex:1;height:48px;justify-content:center}.sheet-save-wrap{flex:1;position:relative;display:flex}.sheet-format-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#141414;box-shadow:inset 0 0 0 .5px #262626,0 0 20px #0000004d;border-radius:8px;display:flex;flex-direction:column;padding:4px;z-index:10}.sheet-format-menu button{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 10px 10px;background:none;border:none;border-radius:4px;color:var(--text);font-size:15px;font-family:inherit;cursor:pointer;transition:background .12s ease;text-align:left}.sheet-format-menu button:hover{background:#1c1c1c}.sheet-settings-area{display:grid;grid-template-rows:0fr;pointer-events:none;transition:grid-template-rows .24s var(--ease-out-strong)}.mobile-sheet.expanded .sheet-settings-area{grid-template-rows:1fr;pointer-events:auto;transition:grid-template-rows .28s var(--ease-out-strong)}.sheet-settings-area-inner{overflow:hidden}.sheet-panel{display:flex;flex-direction:column;background:#141414;border-radius:24px;overflow:hidden;opacity:0;transform:translateY(6px);height:clamp(312px,calc(30vh + 48px),368px);transition:opacity .14s var(--ease-out-strong),transform .14s var(--ease-out-strong)}.mobile-sheet.expanded .sheet-panel{opacity:1;transform:translateY(0);transition:opacity .22s 60ms var(--ease-out-strong),transform .22s 60ms var(--ease-out-strong)}.sheet-segmented-sticky.hidden{display:none}.sheet-segmented-sticky{position:sticky;top:0;z-index:2;background:#141414;padding:8px 8px 0}.sheet-header-icons{display:flex;align-items:center;gap:8px}.mobile-layers-content{display:flex;flex-direction:column;gap:16px;height:100%;padding:16px 8px 8px;min-height:0}.mobile-layers-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#6a6a6a;font-size:16px}.mobile-layers-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;min-height:0}.mobile-layers-list .layer-right{margin-right:0}.mobile-layers-list .layer-left{gap:16px}.mobile-add-layer-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:48px;min-height:48px;width:100%;background:#373737;border:none;border-radius:16px;color:#d6d6d6;font-size:16px;font-family:inherit;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .12s cubic-bezier(.23,1,.32,1)}.mobile-add-layer-btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.mobile-add-layer-btn:hover{background:#424242}}.sheet-segmented{position:relative;display:flex;align-items:center;background:#101010;border-radius:16px;padding:4px}.sheet-seg-pill{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);background:#20201f;border-radius:12px;pointer-events:none;z-index:0;transition:transform .22s cubic-bezier(.23,1,.32,1);will-change:transform}.sheet-seg-btn{flex:1;padding:12px;border:none;border-radius:12px;background:transparent;color:#fff;font-size:16px;font-weight:400;font-family:inherit;cursor:pointer;line-height:1;position:relative;z-index:1;transition:color .15s ease-out,text-shadow .15s ease-out,transform .1s ease-out}.sheet-seg-btn:active{transform:scale(.96)}.sheet-seg-btn.active{color:#fff679;text-shadow:0 0 10px #fff679}.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#373737 transparent;flex:1;min-height:0;padding:12px;display:flex;flex-direction:column;mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%)}.sheet-scroll::-webkit-scrollbar{width:4px}.sheet-scroll::-webkit-scrollbar-track{background:transparent}.sheet-scroll::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.sheet-tab-content{flex:1;display:flex;flex-direction:column;opacity:1;transform:translate(0);transition:opacity .18s var(--ease-out-strong),transform .2s var(--ease-out-strong)}@starting-style{.sheet-tab-content{opacity:0;transform:translate(24px)}}@starting-style{.sheet-tab-content.slide-back{opacity:0;transform:translate(-24px)}}.mobile-panel-section{display:flex;flex-direction:column;gap:24px}.mobile-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s var(--ease-out-strong)}.mobile-collapsible.open{grid-template-rows:1fr}.mobile-collapsible-inner{overflow:hidden;display:flex;flex-direction:column;gap:24px;padding-top:24px}.mobile-play-btn{width:100%;justify-content:center}.mobile-angle-tab{display:flex;align-items:center;justify-content:center;height:100%;min-height:180px}.mobile-knob-top{height:auto;min-height:140px;padding-top:24px}.mobile-angle-tab .knob-label,.mobile-angle-tab .knob-value-display{display:none}.mobile-angle-tab .dial-wrap{margin-top:0}.mobile-angle-tab .controls-right{display:flex;align-items:center;justify-content:center;transform:scale(1.4);width:auto}.mobile-symbols-row{display:flex;flex-direction:column;gap:6px}.mobile-symbols-input{height:40px;background:#141414;box-shadow:inset 0 0 0 .5px #262626;border-radius:8px;padding:0 12px;border:none;outline:none;color:#d6d6d6;font-family:Geist Mono,JetBrains Mono,monospace;font-size:15px;letter-spacing:2px;width:100%;transition:box-shadow .2s ease-out,background .2s ease-out}.mobile-symbols-input:focus{box-shadow:inset 0 0 0 .5px #686868;background:#1e1e1e}.mobile-heatmap-divider{height:.5px;background:#2b2b2b;flex-shrink:0}.mobile-heatmap-palette-list{display:flex;flex-direction:column;gap:16px}.mobile-heatmap-palette-btn{display:flex;flex-direction:column;gap:8px;padding:8px;background:transparent;border:.5px solid transparent;border-radius:16px;cursor:pointer;width:100%;text-align:left;transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.mobile-heatmap-palette-btn:hover{background:#14141499}.mobile-heatmap-palette-btn.selected{background:#141414;border-color:var(--accent);box-shadow:0 0 18.75px #fff67933}.mobile-heatmap-palette-label{font-size:16px;color:var(--text);white-space:nowrap}.mobile-heatmap-swatch{display:block;height:24px;width:100%;border-radius:8px;flex-shrink:0}.mobile-heatmap-gradient-editor{display:flex;flex-direction:column;gap:16px}.mobile-heatmap-gradient-wrap{position:relative;cursor:crosshair;padding-bottom:22px}.mobile-heatmap-gradient-bar{height:24px;border-radius:8px;width:100%;pointer-events:none}.mobile-heatmap-gradient-track{position:absolute;left:0;right:0;bottom:0;height:14px}.mobile-heatmap-stop-marker{position:absolute;width:14px;height:14px;border-radius:3px;border:1.5px solid #6a6a6a;transform:translate(-50%);cursor:grab;padding:0;top:0;transition:border-color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out}.mobile-heatmap-stop-marker.selected{border-color:#fff;box-shadow:0 0 8px #ffffff59;z-index:1}.mobile-heatmap-stop-marker.delete-pending{opacity:.35;border-color:#f44}.mobile-heatmap-stop-marker:active{cursor:grabbing}.mobile-cp-body{display:flex;flex-direction:column;gap:8px;padding:16px;width:100%;flex:1;min-height:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;opacity:1;transform:scale(1);transform-origin:var(--cp-origin-x, 50%) var(--cp-origin-y, 50%);transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .25s cubic-bezier(.23,1,.32,1)}@starting-style{.mobile-cp-body{opacity:0;transform:scale(.82)}}.mobile-cp-body.closing{opacity:0;transform:scale(.82);transition:opacity .15s cubic-bezier(.4,0,1,1),transform .15s cubic-bezier(.4,0,1,1)}@media(prefers-reduced-motion:reduce){.mobile-cp-body{transition:opacity .15s ease}}.mobile-cp{display:flex;flex-direction:column;gap:8px;background:linear-gradient(26.26deg,#202020 16.37%,#2d2d2d);border-radius:32px;padding:8px;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.mobile-cp-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;flex-shrink:0}.mobile-cp-label{color:#d6d6d6;font-size:18px;font-weight:500;font-family:Geist,Inter,system-ui,sans-serif}.mobile-cp-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#d6d6d6;cursor:pointer;padding:0;flex-shrink:0}.mobile-cp-card{background:#141414;border-radius:24px;padding:8px;display:flex;flex-direction:column;gap:16px}.mobile-cp-palette{position:relative;width:100%;flex:1;min-height:120px;border-radius:16px;overflow:hidden;cursor:crosshair;touch-action:none}.preview-panel{width:100%;height:100%;border-radius:40px;overflow:hidden;display:flex;background:linear-gradient(to bottom,#292929,#202020);position:relative;z-index:1}.preview-panel:after{content:"";position:absolute;inset:0;border-radius:40px;box-shadow:inset 0 0 0 .5px #606060;pointer-events:none;z-index:10}@media(max-width:1440px){.preview-panel{border-radius:32px}.preview-panel:after{border-radius:32px}}.compare-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.image-area{flex:1;position:relative;overflow:hidden;background:transparent;touch-action:none;transform-origin:center center;transition:transform .25s cubic-bezier(.23,1,.32,1)}.image-area.zoomed{will-change:transform}.image-area.pinching{transition:none}.image-area canvas{transition:clip-path .25s cubic-bezier(.23,1,.32,1)}.image-area.has-image.fill-mode{cursor:grab}.image-area.dragging-img{cursor:grabbing}.image-area:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#00000080,#0000);pointer-events:none;z-index:1}.image-area.has-user-image:after{display:none}.upload-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--inv-zoom, 1));z-index:10}button.upload-btn:hover{transform:translate(-50%,calc(-50% - 1px)) scale(var(--inv-zoom, 1))}.fit-control{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;background:#131313;border-radius:56px;border:.5px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff40,0 4px 16px #0003;-webkit-backdrop-filter:blur(10px) saturate(1.8) brightness(1.05);backdrop-filter:blur(10px) saturate(1.8) brightness(1.05);z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease}.preview-panel:has(.image-area.has-image):hover .fit-control{opacity:1;pointer-events:auto}.fit-pill{position:absolute;top:6px;left:6px;bottom:6px;width:calc(50% - 9px);border-radius:40px;background:#ffffff0f;border:.5px solid var(--accent);pointer-events:none;transition:transform .25s cubic-bezier(.23,1,.32,1)}.fit-control[data-mode=fit] .fit-pill{transform:translate(calc(100% + 6px))}.fit-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 24px;border-radius:40px;cursor:pointer;background:transparent;border:none;color:#dcdcdc99;position:relative;z-index:1;transition:color .25s cubic-bezier(.23,1,.32,1)}.fit-btn.selected{color:var(--accent)}.radial-center-handle{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);cursor:move;z-index:5;pointer-events:all;touch-action:none;display:flex;align-items:center;justify-content:center}.radial-center-handle svg{filter:drop-shadow(0 0 3px rgba(0,0,0,.9));opacity:.85;transition:opacity .15s ease}.radial-center-handle:hover svg,.radial-center-handle.dragging svg{opacity:1;filter:drop-shadow(0 0 4px rgba(0,0,0,1))}.radial-center-handle.dragging{cursor:grabbing}.preview-play-btn{display:flex;position:absolute;bottom:16px;right:16px;width:50px;height:50px;border-radius:50%;background:#131313;border:.5px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff40,0 4px 16px #0003;backdrop-filter:blur(10px) saturate(1.8) brightness(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.8) brightness(1.05);color:#d6d6d6;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease;cursor:pointer}.preview-play-btn.visible,.image-area.has-image:hover~.preview-play-btn,.preview-play-btn:hover{opacity:1;pointer-events:auto}.ptr-indicator{position:fixed;top:0;left:50%;z-index:10000;width:44px;height:44px;border-radius:50%;background:#202020;box-shadow:inset 0 0 0 .5px #404040,0 4px 20px #00000080;display:flex;align-items:center;justify-content:center;color:#d6d6d6;pointer-events:none;will-change:transform}.ptr-arrow{transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .15s ease}.ptr-arrow.ptr-arrow-ready{transform:rotate(180deg);color:#fff679}.ptr-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,246,121,.2);border-top-color:#fff679;animation:ptr-spin .6s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border-radius:12px;border:none;cursor:pointer;font-family:Geist,Inter,system-ui,sans-serif;font-size:16px;font-weight:400;white-space:nowrap;transition:background .2s ease-out,box-shadow .2s ease-out,transform .15s ease-out,color .2s ease-out;position:relative;overflow:hidden}.btn-icon{width:24px;height:24px;flex-shrink:0}.btn-primary{background:linear-gradient(180deg,#fff679,#d7cf5f);color:#141414;box-shadow:0 2px 8px #0006,0 0 39px #fff6754d,inset 0 4px 6px #fff6}.btn-primary:hover{background:linear-gradient(180deg,#fffb8e,#e8df64);box-shadow:0 4px 14px #0003,0 0 48px #fff67573,inset 0 4px 6px #fff3}.btn-primary:active{background:linear-gradient(180deg,#c9c14e,#a09830);box-shadow:0 0 15px #fff67933;transform:translateY(1px)}.btn-primary.btn-saving:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:btn-sweep 1.4s infinite ease-in-out}@keyframes btn-sweep{0%{left:-75%}to{left:125%}}.btn-secondary{background:linear-gradient(180.07deg,#505050 .418%,#434343 99.871%);color:#d6d6d6;box-shadow:0 2px 8px #0003,inset 0 4px 6px #ffffff26}.btn-secondary:hover{background:linear-gradient(180.07deg,#5c5c5c .418%,#4e4e4e 99.871%);color:#d6d6d6;box-shadow:0 2px 8px #0003,inset 0 4px 6px #ffffff26}.btn-secondary:active{background:#1b1b1b;color:#a0a0a0;box-shadow:0 4px 12px #00000026,inset 0 0 12px #141414;transform:translateY(1px)}.btn-tertiary{background:#373737;color:#d6d6d6}.btn-tertiary:hover{background:#535353;color:#e0e0e0}.btn-tertiary:active{background:#1b1b1b;color:#909090}@font-face{font-family:MursGothic;src:url(/assets/MursGothic-MassiveDemi-C528nCQI.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade-in{0%{opacity:0}to{opacity:1}}.landing-page{width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.landing-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;animation:landing-fade-in .6s cubic-bezier(.23,1,.32,1) both}.landing-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.landing-logo img{width:100%;height:100%;object-fit:contain}.landing-menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:default;padding:0;color:#fff;opacity:.6;flex-shrink:0}.landing-hero{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:0;justify-content:center}.landing-deer-wrap{width:378px;flex-shrink:0;margin-bottom:-220px;position:relative;z-index:1;pointer-events:none;animation:landing-fade-in .9s cubic-bezier(.23,1,.32,1) .15s both}.landing-deer-video{width:100%;display:block}.landing-bottom{width:100%;flex-shrink:0;position:relative;z-index:2;background:linear-gradient(to top,#000 55%,transparent 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:56px 24px;gap:40px}.landing-title-row{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:700px}.landing-title{font-family:MursGothic,sans-serif;font-weight:400;font-size:clamp(28px,8.5vw,48px);color:#fff679;line-height:1;text-transform:uppercase;text-align:center;white-space:nowrap;animation:landing-fade-up .7s cubic-bezier(.23,1,.32,1) .35s both}.landing-tagline{font-family:Geist,Inter,system-ui,sans-serif;font-weight:400;font-size:18px;color:#fff;line-height:1.5;text-align:center;max-width:700px;width:100%;animation:landing-fade-up .7s cubic-bezier(.23,1,.32,1) .46s both}.landing-cta-btn{height:48px;padding:0 20px;border-radius:16px}.landing-bottom .btn{animation:landing-fade-up .7s cubic-bezier(.23,1,.32,1) .57s both}@media(prefers-reduced-motion:reduce){.landing-header,.landing-deer-wrap,.landing-title,.landing-tagline,.landing-bottom .btn{animation:none}}@media(max-width:768px){.landing-title{white-space:normal}}@media(max-width:480px){.landing-deer-wrap{width:280px;margin-bottom:-120px}.landing-bottom{padding:40px 20px}.landing-title-row{gap:12px}.landing-tagline{font-size:15px}}@font-face{font-family:MursGothicMedium;src:url(/assets/MursGothic-MassiveMedium-CD2itU6G.woff2) format("woff2");font-weight:400;font-style:normal}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}@keyframes about-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-page{width:100%;height:100%;background:#000;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#373737 transparent}.about-page::-webkit-scrollbar{width:4px}.about-page::-webkit-scrollbar-track{background:transparent}.about-page::-webkit-scrollbar-thumb{background:#373737;border-radius:2px}.about-main{display:flex;flex-direction:column;align-items:center;padding-top:72px;width:100%;min-height:100%}.about-hero{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;margin-bottom:48px}.about-deer-wrap{width:242px;height:395px;flex-shrink:0;margin-bottom:-92px;pointer-events:none;overflow:hidden;position:relative;animation:about-fade-in .9s cubic-bezier(.23,1,.32,1) .15s both}.about-deer-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000 0%,transparent 60%);pointer-events:none}.about-deer-video{width:100%;height:100%;object-fit:cover;display:block}.about-title{font-family:MursGothic,sans-serif;font-weight:400;font-size:clamp(36px,6vw,48px);color:var(--accent);text-transform:uppercase;text-align:center;line-height:1;white-space:nowrap;position:relative;z-index:1;animation:about-fade-up .7s cubic-bezier(.23,1,.32,1) .35s both}.about-sections{display:flex;flex-direction:column;align-items:center;width:100%;gap:56px;position:relative;padding:0 24px}.about-gradient-top{position:absolute;top:-120px;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none}.about-section{display:flex;gap:32px;width:100%;max-width:700px;align-items:flex-start;animation:about-fade-up .7s cubic-bezier(.23,1,.32,1) both}.about-section:nth-child(2){animation-delay:.46s}.about-section:nth-child(3){animation-delay:.57s}.about-section-label{width:150px;flex-shrink:0;font-family:MursGothicMedium,sans-serif;font-size:18px;font-weight:400;color:#d6d6d6;text-transform:uppercase;line-height:1.6}.about-section-text{flex:1;min-width:0;font-family:Geist,Inter,system-ui,sans-serif;font-size:18px;font-weight:400;color:#fff;line-height:1.6}.about-link{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#fff6;transition:color .15s ease,text-decoration-color .15s ease}.about-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.about-footer{display:flex;align-items:center;justify-content:center;width:100%;margin-top:120px;padding:0 0 48px;flex-shrink:0;animation:about-fade-up .7s cubic-bezier(.23,1,.32,1) .64s both}@media(prefers-reduced-motion:reduce){.about-deer-wrap,.about-title,.about-section,.about-footer{animation:none}}@media(max-width:600px){.about-deer-wrap{width:180px;height:296px;margin-bottom:-56px}.about-sections{gap:40px}.about-section{flex-direction:column;gap:8px}.about-section-label{width:auto}.about-section-text{font-size:16px}}:root{--accent: #fff679;--bg: #000;--panel-dark: #141414;--panel-mid: #202020;--panel-light: #373737;--preview-bg: #1a1a1a;--text: #d6d6d6;--text-muted: #d6d6d6}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%}body{background:var(--bg);overflow:hidden;overscroll-behavior:none;font-family:Geist,Inter,system-ui,sans-serif}button,input{font:inherit}button{border:0}.app{width:100%;height:100%;display:flex;gap:16px;padding:72px 24px 24px}.preview-wrap{flex:1;min-width:0;position:relative;z-index:1}.preview-glow{position:absolute;inset:-12px;background-size:cover;background-position:center;filter:blur(48px) saturate(1.2);opacity:.08;pointer-events:none;z-index:0;border-radius:24px}.screen-flash{position:absolute;inset:0;background:#fff;border-radius:40px;opacity:0;pointer-events:none;z-index:200}.screen-flash.active{animation:screen-flash .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes screen-flash{0%{opacity:.92}20%{opacity:.85}to{opacity:0}}.sidebar{width:600px;flex-shrink:0;display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:40px;background:linear-gradient(to bottom,#292929,#202020);z-index:2;position:relative;box-shadow:inset 0 0 0 .5px #606060,0 3px 6px #00000017,0 10px 10px #00000014,0 23px 14px #0000000d,0 41px 17px #00000003,0 65px 18px #0000}.sidebar>*:not(.app-shadow-overlay){position:relative;z-index:1}@media(max-width:1440px){.app{padding:60px 16px 16px;gap:12px}.sidebar{width:500px;padding:16px;gap:16px;border-radius:32px}.sidebar #panelWrapper{margin-bottom:0}.sidebar .layers-panel{margin-top:-16px}.sidebar .layers-panel--visible{margin-top:0}}@media(max-width:850px){.app .site-header:before{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.app{flex-direction:column;padding:0;gap:0;height:100%;overflow:hidden}.sidebar{display:none}.preview-wrap{flex:1;min-height:0;padding:0 0 16px;z-index:0}.preview-glow{display:none}.preview-panel{min-height:unset;height:100%;border-radius:0}.preview-panel:after{border-radius:0;box-shadow:none}.mobile-sheet{display:flex}}@media(max-width:768px){.upload-btn{height:48px;padding:0 20px;border-radius:16px}}