.ColorPicker-module__BB5Fja__container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%;display:flex}.ColorPicker-module__BB5Fja__pickerWrapper{width:100%;margin-bottom:.5rem;transition:opacity .3s,filter .3s}.ColorPicker-module__BB5Fja__disabled{opacity:.4;pointer-events:none;filter:grayscale()}.ColorPicker-module__BB5Fja__inputWrapper{flex-direction:column;gap:.25rem;width:100%;display:flex}.ColorPicker-module__BB5Fja__highlightWrapper{background-color:var(--neutral-100);border-radius:12px;flex-direction:column;gap:.5rem;width:100%;padding:12px;display:flex}.ColorPicker-module__BB5Fja__hint{font-size:var(--font-size-caption);color:var(--neutral-650);line-height:1.3}.ColorPicker-module__BB5Fja__label{font-size:var(--font-size-tagline);text-transform:uppercase;color:var(--neutral-650);letter-spacing:.05em;font-weight:600}.ColorPicker-module__BB5Fja__select:hover,.ColorPicker-module__BB5Fja__field:hover{border-color:var(--neutral-300);background-color:var(--neutral-100)}.ColorPicker-module__BB5Fja__field{border:2px solid var(--neutral-200);background-color:var(--neutral-0);width:100%;font-size:var(--font-size-caption);color:var(--neutral-1000);border-radius:12px;align-items:center;padding:12px 16px;transition:all .2s ease-in-out;display:flex}.ColorPicker-module__BB5Fja__field:focus-within{border-color:var(--primary-color);background-color:var(--neutral-0)}.ColorPicker-module__BB5Fja__select{border:2px solid var(--neutral-200);width:100%;font-size:var(--font-size-caption);color:var(--neutral-1000);cursor:pointer;border-radius:12px;outline:none;padding:12px 16px;transition:all .2s ease-in-out}.ColorPicker-module__BB5Fja__select:focus{border-color:var(--primary-color)}.ColorPicker-module__BB5Fja__hash{color:var(--neutral-1000);-webkit-user-select:none;user-select:none;align-items:center;gap:3px;margin-right:8px;display:flex}.ColorPicker-module__BB5Fja__input{font-size:var(--font-size-body);width:100%;color:var(--neutral-1000);background:0 0;border:none;outline:none;font-weight:600}
.PaletteDisplay-module__X-a0hW__container{width:100%;margin:0 auto}.PaletteDisplay-module__X-a0hW__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.PaletteDisplay-module__X-a0hW__info h2{font-size:var(--font-size-heading5);margin:0 0 4px;font-weight:600}.PaletteDisplay-module__X-a0hW__countLabel{color:var(--neutral-650);font-size:var(--font-size-body)}.PaletteDisplay-module__X-a0hW__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.PaletteDisplay-module__X-a0hW__easingSelector{background:var(--neutral-100);border:1px solid var(--neutral-150);border-radius:100px;align-items:center;gap:4px;padding:2px;display:flex}.PaletteDisplay-module__X-a0hW__easingSelect{border:1px solid var(--neutral-150);font-size:var(--font-size-caption);cursor:pointer;border-radius:100px;outline:none;padding:4px 32px 4px 8px;transition:border-color .2s}.PaletteDisplay-module__X-a0hW__easingSelect:hover{border-color:#999}.PaletteDisplay-module__X-a0hW__easingSelect:focus{border-color:#06c}.PaletteDisplay-module__X-a0hW__stepper{background:var(--neutral-100);border:1px solid var(--neutral-150);border-radius:100px;align-items:center;gap:4px;padding:2px;display:flex}.PaletteDisplay-module__X-a0hW__stepBtn{border:1px solid var(--neutral-150);background:var(--neutral-0);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.PaletteDisplay-module__X-a0hW__stepBtn:hover:not(:disabled){background:var(--neutral-300);transform:scale(1.05)}.PaletteDisplay-module__X-a0hW__stepBtn:disabled{opacity:.3;cursor:not-allowed}.PaletteDisplay-module__X-a0hW__stepCountDisplay{text-align:center;min-width:32px;font-weight:600;font-size:var(--font-size-caption)}.PaletteDisplay-module__X-a0hW__iconBtn{border:1px solid var(--neutral-150);background:var(--neutral-50);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.PaletteDisplay-module__X-a0hW__iconBtn:hover{background:var(--neutral-150);border-color:var(--neutral-250)}.PaletteDisplay-module__X-a0hW__exportBtn{background:var(--neutral-1000);color:#fff;border:none;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.PaletteDisplay-module__X-a0hW__exportBtn:hover{background:var(--primary-color)}.PaletteDisplay-module__X-a0hW__endpointToggles{align-items:center;gap:8px;display:flex}.PaletteDisplay-module__X-a0hW__endpointToggle{cursor:pointer;font-size:var(--font-size-caption);align-items:center;gap:8px;font-weight:500;display:flex}.PaletteDisplay-module__X-a0hW__switch{cursor:pointer;display:inline-flex}.PaletteDisplay-module__X-a0hW__toggleInput{opacity:0;position:absolute}.PaletteDisplay-module__X-a0hW__toggleTrack{background:var(--neutral-200);border-radius:999px;width:40px;height:22px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.PaletteDisplay-module__X-a0hW__offIcon,.PaletteDisplay-module__X-a0hW__onIcon{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s linear;position:absolute;top:1px;left:1px}.PaletteDisplay-module__X-a0hW__offIcon{color:var(--neutral-600);opacity:1;transform:translate(0)}.PaletteDisplay-module__X-a0hW__onIcon{color:var(--neutral-0);opacity:0;transform:translate(-18px)}.PaletteDisplay-module__X-a0hW__toggleInput:checked+.PaletteDisplay-module__X-a0hW__toggleTrack .PaletteDisplay-module__X-a0hW__offIcon{opacity:0;transform:translate(18px)}.PaletteDisplay-module__X-a0hW__toggleInput:checked+.PaletteDisplay-module__X-a0hW__toggleTrack .PaletteDisplay-module__X-a0hW__onIcon{opacity:1;transform:translate(18px)}.PaletteDisplay-module__X-a0hW__toggleInput:checked+.PaletteDisplay-module__X-a0hW__toggleTrack{background:var(--primary-color)}.PaletteDisplay-module__X-a0hW__removePaletteBtn{color:#dc2626;background:#fee2e2;border:1px solid #fee2e2;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:36px;height:36px;transition:all .2s;display:flex}.PaletteDisplay-module__X-a0hW__removePaletteBtn:hover{background:#fecaca;transform:scale(1.05)}.PaletteDisplay-module__X-a0hW__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.PaletteDisplay-module__X-a0hW__card{border:2px solid var(--neutral-100);outline-offset:1px;outline:2px solid var(--neutral-150);background-color:var(--neutral-0);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:140px;padding:16px;transition:all .2s;display:flex;position:relative}.PaletteDisplay-module__X-a0hW__card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.PaletteDisplay-module__X-a0hW__card.PaletteDisplay-module__X-a0hW__endpoint{border:2px solid #0000001a;box-shadow:0 2px 8px #0000001a,inset 0 0 0 1px #ffffff1a}.PaletteDisplay-module__X-a0hW__lockBtn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:0;width:24px;height:24px;color:inherit;z-index:5;background-color:#ffffffe6;border:none;border-radius:100px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;left:8px}.PaletteDisplay-module__X-a0hW__card:hover .PaletteDisplay-module__X-a0hW__lockBtn{opacity:1}.PaletteDisplay-module__X-a0hW__lockBtn:hover{transform:scale(1.1)}.PaletteDisplay-module__X-a0hW__removeBtn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:0;width:24px;height:24px;color:inherit;z-index:5;background-color:#ffffffe6;border:none;border-radius:100px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.PaletteDisplay-module__X-a0hW__card:hover .PaletteDisplay-module__X-a0hW__removeBtn{opacity:1}.PaletteDisplay-module__X-a0hW__removeBtn:hover{transform:scale(1.1)}.PaletteDisplay-module__X-a0hW__addBtn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:0;width:24px;height:24px;color:inherit;z-index:5;background-color:#ffffffe6;border:none;border-radius:100px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;right:36px}.PaletteDisplay-module__X-a0hW__card:hover .PaletteDisplay-module__X-a0hW__addBtn{opacity:1}.PaletteDisplay-module__X-a0hW__addBtn:hover{transform:scale(1.1)}.PaletteDisplay-module__X-a0hW__contentWrapper{flex-direction:column;flex:1;gap:8px;display:flex}.PaletteDisplay-module__X-a0hW__nameRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.PaletteDisplay-module__X-a0hW__nameInput{font-family:var(--font-code);font-size:var(--font-size-caption);letter-spacing:1px;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;padding:4px 0;font-weight:500;transition:border-color .2s}.PaletteDisplay-module__X-a0hW__nameInput:focus{border-bottom-color:currentColor}.PaletteDisplay-module__X-a0hW__endpointBadge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.5px;white-space:nowrap;opacity:.7;background:#0000001a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.PaletteDisplay-module__X-a0hW__familyBadge{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-top:-4px;font-size:11px;font-weight:500}.PaletteDisplay-module__X-a0hW__contrastInfo{gap:6px;margin-top:4px;display:flex}.PaletteDisplay-module__X-a0hW__contrastBadge{color:#fff;border-radius:100px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:600;display:flex}.PaletteDisplay-module__X-a0hW__wcagLevel{opacity:.9;font-size:9px}.PaletteDisplay-module__X-a0hW__row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.PaletteDisplay-module__X-a0hW__hex{font-size:var(--font-size-tagline);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:1px;cursor:pointer;background-color:#ffffffe6;border-radius:100px;align-items:center;gap:6px;padding:2px 6px;font-weight:500;display:flex;color:var(--neutral-1000)!important}.PaletteDisplay-module__X-a0hW__copyIcon{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:transform .2s;display:flex;color:var(--neutral-1000)!important}.PaletteDisplay-module__X-a0hW__copyIcon:hover{transform:scale(1.2)}@media (max-width:768px){.PaletteDisplay-module__X-a0hW__header{flex-direction:column;align-items:flex-start}.PaletteDisplay-module__X-a0hW__actions{justify-content:space-between;width:100%}.PaletteDisplay-module__X-a0hW__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.PaletteDisplay-module__X-a0hW__card{min-height:120px;padding:12px}}.PaletteDisplay-module__X-a0hW__menuContainer{align-items:center;display:flex;position:relative}.PaletteDisplay-module__X-a0hW__menuBtn{cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff4d;border:1px solid #ffffff4d;border-radius:100px;align-items:center;padding:0 6px;transition:all .2s;display:flex}.PaletteDisplay-module__X-a0hW__menuBtn:hover{background-color:#ffffff80}.PaletteDisplay-module__X-a0hW__menu{border:1px solid var(--neutral-150);z-index:100;background:#fff;border-radius:16px;flex-direction:column;width:320px;margin-bottom:8px;padding:16px;animation:.1s ease-out PaletteDisplay-module__X-a0hW__fadeIn;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 0 24px #0000001f}@keyframes PaletteDisplay-module__X-a0hW__fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.PaletteDisplay-module__X-a0hW__menuRow{border-bottom:2px solid var(--neutral-100);flex-direction:column;margin-bottom:10px;padding-bottom:10px;display:flex}.PaletteDisplay-module__X-a0hW__menuRow:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.PaletteDisplay-module__X-a0hW__menuLabel{font-size:var(--font-size-tagline);color:var(--neutral-800);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.PaletteDisplay-module__X-a0hW__menuValueGroup{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex;overflow:hidden}.PaletteDisplay-module__X-a0hW__menuValueGroupInner{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:2px;width:100%;display:flex;overflow:hidden}.PaletteDisplay-module__X-a0hW__menuValue{font-size:var(--font-size-caption);letter-spacing:1px;color:var(--neutral-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.PaletteDisplay-module__X-a0hW__menuActions{flex-shrink:0;gap:4px;display:flex}.PaletteDisplay-module__X-a0hW__menuActionBtn{background:var(--neutral-100);cursor:pointer;width:32px;height:32px;color:var(--neutral-600);border:none;border-radius:100px;justify-content:center;align-items:center;transition:all .2s;display:flex}.PaletteDisplay-module__X-a0hW__menuActionBtn:hover{background:var(--neutral-200);color:var(--neutral-900)}.PaletteDisplay-module__X-a0hW__baseColorIcon{opacity:.8;align-items:center;margin-left:6px;display:flex}
.ExportModal-module__MMpY7G__overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ExportModal-module__MMpY7G__modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.2s ease-out ExportModal-module__MMpY7G__modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes ExportModal-module__MMpY7G__modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ExportModal-module__MMpY7G__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ExportModal-module__MMpY7G__header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.ExportModal-module__MMpY7G__closeBtn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ExportModal-module__MMpY7G__closeBtn:hover{color:#111827;background-color:#f3f4f6}.ExportModal-module__MMpY7G__formatSelector{border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.ExportModal-module__MMpY7G__formatBtn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.ExportModal-module__MMpY7G__formatBtn:hover{background-color:#f9fafb;border-color:#d1d5db}.ExportModal-module__MMpY7G__formatBtn.ExportModal-module__MMpY7G__active{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.ExportModal-module__MMpY7G__codeBlock{background-color:#f9fafb;flex:1;margin:0;padding:24px;overflow:auto}.ExportModal-module__MMpY7G__codeBlock pre{color:#374151;white-space:pre-wrap;word-break:break-all;margin:0;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem}.ExportModal-module__MMpY7G__actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.ExportModal-module__MMpY7G__actionBtn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ExportModal-module__MMpY7G__actionBtn:hover{background-color:#f9fafb;border-color:#d1d5db}.ExportModal-module__MMpY7G__actionBtn:last-child{color:#fff;background-color:#111827;border-color:#111827}.ExportModal-module__MMpY7G__actionBtn:last-child:hover{background-color:#000}
.AccessibilityChecker-module__4Tb3Ta__container{margin-top:16px}.AccessibilityChecker-module__4Tb3Ta__title{font-size:var(--font-size-heading6);margin:0;font-weight:600}.AccessibilityChecker-module__4Tb3Ta__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.AccessibilityChecker-module__4Tb3Ta__card{border:2px solid var(--neutral-50);outline-offset:1px;outline:2px solid var(--neutral-100);background-color:var(--neutral-0);border-radius:16px;min-height:140px;padding:8px;transition:all .2s}.AccessibilityChecker-module__4Tb3Ta__colorPreview{border-radius:12px;justify-content:center;align-items:center;height:60px;margin-bottom:12px;display:flex}.AccessibilityChecker-module__4Tb3Ta__colorName{font-size:var(--font-size-tagline);letter-spacing:1px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);word-break:break-all;text-align:center;background-color:#ffffffe6;border-radius:100px;max-width:100%;padding:2px 6px;font-weight:500;color:var(--neutral-1000)!important}.AccessibilityChecker-module__4Tb3Ta__contrastRow{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.AccessibilityChecker-module__4Tb3Ta__contrastRow:last-child{border-bottom:none}.AccessibilityChecker-module__4Tb3Ta__label{color:#6b7280;font-size:13px}.AccessibilityChecker-module__4Tb3Ta__result{align-items:center;gap:8px;display:flex}.AccessibilityChecker-module__4Tb3Ta__ratio{color:#374151;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.AccessibilityChecker-module__4Tb3Ta__badge{font-size:var(--font-size-tagline);letter-spacing:.5px;color:var(--neutral-0);border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:3px 8px 3px 5px;font-weight:600;display:flex}.AccessibilityChecker-module__4Tb3Ta__accordionHeader{width:100%;font:inherit;color:var(--neutral-1000);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:0 0 16px;font-size:18px;font-weight:600;transition:color .17s;display:flex}.AccessibilityChecker-module__4Tb3Ta__accordionHeader:focus{color:var(--neutral-1000)}@media (max-width:768px){.AccessibilityChecker-module__4Tb3Ta__grid{grid-template-columns:1fr}}
.HarmonySuggestions-module__-cnQ7W__subHeader{align-items:center;gap:8px;margin-bottom:12px;display:flex}.HarmonySuggestions-module__-cnQ7W__subHeader h3{font-size:var(--font-size-heading6);margin:0;font-weight:600}.HarmonySuggestions-module__-cnQ7W__typeSelector{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.HarmonySuggestions-module__-cnQ7W__typeBtn{border:1px solid var(--neutral-200);background:var(--neutral-0);font-size:var(--font-size-label);letter-spacing:.1px;cursor:pointer;border-radius:100px;padding:6px 12px;font-weight:500;transition:all .2s}.HarmonySuggestions-module__-cnQ7W__typeBtn:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.HarmonySuggestions-module__-cnQ7W__typeBtn.HarmonySuggestions-module__-cnQ7W__active{background:var(--primary-color);color:var(--neutral-0);box-shadow:inset 0 0 4px 0 var(--primary-light);border-color:var(--primary-hover)}.HarmonySuggestions-module__-cnQ7W__colorGrid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:12px;display:grid}.HarmonySuggestions-module__-cnQ7W__colorCard{cursor:pointer;border-radius:8px;align-items:flex-end;height:100px;padding:12px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.HarmonySuggestions-module__-cnQ7W__colorCard:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0003}.HarmonySuggestions-module__-cnQ7W__colorHex{font-size:var(--font-size-tagline);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:1px;background-color:#ffffffe6;border-radius:100px;padding:2px 6px;font-weight:500;color:var(--neutral-1000)!important}.HarmonySuggestions-module__-cnQ7W__hint{text-align:center;color:#6b7280;margin:0;font-size:13px}@media (max-width:768px){.HarmonySuggestions-module__-cnQ7W__colorGrid{grid-template-columns:repeat(2,1fr)}}
.VariablesDrawer-module__Vboo1a__overlay{z-index:9999;pointer-events:auto;background:#000000e6;width:100vw;height:100dvh;position:fixed;inset:0}.VariablesDrawer-module__Vboo1a__drawer{background:var(--neutral-1000);z-index:10000;pointer-events:auto;flex-direction:column;width:min(650px,95vw);height:100dvh;animation:.3s ease-out VariablesDrawer-module__Vboo1a__slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}@keyframes VariablesDrawer-module__Vboo1a__slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.VariablesDrawer-module__Vboo1a__header{background:var(--neutral-950);padding:16px}.VariablesDrawer-module__Vboo1a__headerTop{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.VariablesDrawer-module__Vboo1a__title{font-size:var(--font-size-heading5);color:var(--neutral-100);margin:0;font-weight:600}.VariablesDrawer-module__Vboo1a__subtitle{font-size:var(--font-size-body);color:var(--neutral-400);margin:0}.VariablesDrawer-module__Vboo1a__closeBtn{cursor:pointer;color:var(--neutral-400);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.VariablesDrawer-module__Vboo1a__closeBtn:hover{color:var(--neutral-200)}.VariablesDrawer-module__Vboo1a__tabs{background-color:var(--neutral-950);border-top:1px solid var(--neutral-900);border-bottom:1px solid var(--neutral-900);border-radius:12px;gap:4px;margin:12px 16px 0;padding:2px;display:flex;overflow-x:auto}.VariablesDrawer-module__Vboo1a__tab{font-size:var(--font-size-caption);color:var(--neutral-400);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 12px;font-weight:600;transition:all .2s}.VariablesDrawer-module__Vboo1a__tab:hover:not(.VariablesDrawer-module__Vboo1a__disabled){color:var(--neutral-0)}.VariablesDrawer-module__Vboo1a__tab.VariablesDrawer-module__Vboo1a__active{background:var(--neutral-900);color:var(--neutral-0);border-color:var(--neutral-800)}.VariablesDrawer-module__Vboo1a__tab.VariablesDrawer-module__Vboo1a__active:hover{color:var(--neutral-0)!important}.VariablesDrawer-module__Vboo1a__tab.VariablesDrawer-module__Vboo1a__disabled{opacity:.6;cursor:not-allowed}.VariablesDrawer-module__Vboo1a__formatSelector{align-items:center;padding:24px 16px;display:flex}.VariablesDrawer-module__Vboo1a__formatLabel{font-size:var(--font-size-caption);color:var(--neutral-700);font-weight:500}.VariablesDrawer-module__Vboo1a__formatButtons{gap:24px;display:flex}.VariablesDrawer-module__Vboo1a__formatBtn{font-size:var(--font-size-caption);color:var(--neutral-700);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0;font-weight:500;transition:all .2s;display:flex}.VariablesDrawer-module__Vboo1a__formatBtn:hover{color:var(--neutral-400)}.VariablesDrawer-module__Vboo1a__formatBtn.VariablesDrawer-module__Vboo1a__active{color:var(--neutral-0)}.VariablesDrawer-module__Vboo1a__content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--neutral-800)var(--neutral-900);flex:1;min-height:0;padding:0;overflow:hidden auto}.VariablesDrawer-module__Vboo1a__content::-webkit-scrollbar-track{background:var(--neutral-900)}.VariablesDrawer-module__Vboo1a__content::-webkit-scrollbar-thumb{background-color:var(--neutral-800)}.VariablesDrawer-module__Vboo1a__content::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-800)}.VariablesDrawer-module__Vboo1a__codeBlock{font-family:var(--font-code);font-size:var(--font-size-caption);background:var(--neutral-1000);color:var(--neutral-1000);white-space:pre-wrap;word-break:break-word;border-radius:16px;margin:0;padding:16px;line-height:1.8;overflow-x:auto}.VariablesDrawer-module__Vboo1a__codeBlock pre{scrollbar-width:none;padding:0!important}.VariablesDrawer-module__Vboo1a__actions{border-top:1px solid var(--neutral-900);background:var(--neutral-950);gap:8px;padding:16px 24px;display:flex}.VariablesDrawer-module__Vboo1a__actionBtn{background:var(--neutral-800);color:var(--neutral-0);cursor:pointer;white-space:nowrap;text-transform:capitalize;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.VariablesDrawer-module__Vboo1a__actionBtn:hover{background:var(--neutral-800);transform:translateY(-1px)}.VariablesDrawer-module__Vboo1a__actionBtn.VariablesDrawer-module__Vboo1a__danger{background:#dc2626;flex:100%}.VariablesDrawer-module__Vboo1a__actionBtn.VariablesDrawer-module__Vboo1a__danger:hover{background:#b91c1c}@media (max-width:768px){.VariablesDrawer-module__Vboo1a__drawer{contain:layout style paint;width:100vw;max-height:100dvh;height:100dvh!important;top:0!important;bottom:0!important}.VariablesDrawer-module__Vboo1a__overlay{touch-action:none}.VariablesDrawer-module__Vboo1a__content{scroll-behavior:smooth;overscroll-behavior-y:contain}.VariablesDrawer-module__Vboo1a__tabs{scrollbar-width:none;-ms-overflow-style:none}.VariablesDrawer-module__Vboo1a__tabs::-webkit-scrollbar{display:none}.VariablesDrawer-module__Vboo1a__actionBtn:hover{transform:none}.VariablesDrawer-module__Vboo1a__tab:hover:not(.VariablesDrawer-module__Vboo1a__disabled){color:var(--neutral-400)}.VariablesDrawer-module__Vboo1a__tab.VariablesDrawer-module__Vboo1a__active:hover{color:var(--neutral-0)!important}}@media (hover:none) and (pointer:coarse){.VariablesDrawer-module__Vboo1a__drawer,.VariablesDrawer-module__Vboo1a__overlay{height:100dvh!important;height:calc(var(--vh,1vh)*100)!important}.VariablesDrawer-module__Vboo1a__actionBtn:hover,.VariablesDrawer-module__Vboo1a__closeBtn:hover,.VariablesDrawer-module__Vboo1a__formatBtn:hover,.VariablesDrawer-module__Vboo1a__tab:hover{background:inherit;color:inherit;transform:none}.VariablesDrawer-module__Vboo1a__tab.VariablesDrawer-module__Vboo1a__active:hover{background:var(--neutral-900);color:var(--neutral-0)}.VariablesDrawer-module__Vboo1a__actionBtn.VariablesDrawer-module__Vboo1a__danger:hover{background:#dc2626}}
.Header-module__ldgnoG__header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background-color:#ffffffe6;padding:12px;position:sticky;top:0}.Header-module__ldgnoG__headerLeft{align-items:center;gap:24px;display:flex}.Header-module__ldgnoG__headerContent{justify-content:space-between;align-items:center;gap:2rem;max-width:100%;margin:0 auto;display:flex}.Header-module__ldgnoG__tokenLogo{justify-content:center;align-items:center;height:24px;display:flex}.Header-module__ldgnoG__headerRight{flex-shrink:0;align-items:center;gap:24px;display:flex}.Header-module__ldgnoG__nav{background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0;display:flex}.Header-module__ldgnoG__navLink{font-size:var(--font-size-caption);color:var(--neutral-800);border:1px solid #0000;border-radius:100px;padding:2px 8px;font-weight:600;text-decoration:none;transition:all .2s}.Header-module__ldgnoG__active{color:var(--primary-color);font-weight:600;font-size:var(--font-size-caption);background-color:var(--primary-light);border:1px solid var(--primary-light-hover);border-radius:100px;padding:2px 8px;text-decoration:none}.Header-module__ldgnoG__navLink:hover{background-color:var(--primary-light);border:1px solid var(--primary-light-hover);color:var(--primary-color)}.Header-module__ldgnoG__headerActions{flex-shrink:0;align-items:center;gap:24px;display:flex}.Header-module__ldgnoG__addPaletteBtn{color:var(--neutral-1000);font-size:var(--font-size-caption);background:0 0;border:none;border-radius:100px;align-items:center;gap:4px;padding:0;font-weight:600;transition:color .3s ease-in-out;display:flex}.Header-module__ldgnoG__addPaletteBtn:hover{color:var(--primary-hover)}.Header-module__ldgnoG__viewVariablesBtn{color:var(--neutral-1000);font-size:var(--font-size-caption);background:0 0;border:none;border-radius:100px;align-items:center;gap:4px;padding:0;font-weight:600;transition:color .3s ease-in-out;display:flex}.Header-module__ldgnoG__viewVariablesBtn:hover{color:var(--primary-hover)}@media (max-width:768px){.Header-module__ldgnoG__header{padding:16px}.Header-module__ldgnoG__headerContent{flex-direction:column;align-items:flex-start;gap:1rem}.Header-module__ldgnoG__title{font-size:1.5rem}.Header-module__ldgnoG__headerLeft{flex-direction:column;align-items:flex-start;gap:8px}.Header-module__ldgnoG__headerRight{gap:12px}.Header-module__ldgnoG__nav,.Header-module__ldgnoG__headerActions{justify-content:center;width:100%}}
.styles-module__5DYF2W__card{background:var(--neutral-0);border:2px solid var(--neutral-100);cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.styles-module__5DYF2W__card:hover{border-color:var(--neutral-250);transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.styles-module__5DYF2W__card.styles-module__5DYF2W__selected{border-color:var(--neutral-900);box-shadow:0 0 16px 2px var(--neutral-250)}.styles-module__5DYF2W__cardHeader{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.styles-module__5DYF2W__nameInput{font-size:var(--font-size-body);color:var(--neutral-1000);letter-spacing:-.01em;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;max-width:calc(100% - 32px);padding:4px;font-weight:500;transition:border-color .2s}.styles-module__5DYF2W__nameInput:focus{border-bottom-color:var(--neutral-350)}.styles-module__5DYF2W__deleteBtn{width:32px;height:32px;color:var(--neutral-1000);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.styles-module__5DYF2W__card:hover .styles-module__5DYF2W__deleteBtn{opacity:1}.styles-module__5DYF2W__deleteBtn:hover{color:#dc2626;background:#fee2e2}.styles-module__5DYF2W__valueRow{align-items:baseline;gap:6px;display:flex}.styles-module__5DYF2W__valueInput{width:100px;color:var(--neutral-1000);letter-spacing:-.02em;background:0 0;border:none;outline:none;padding:0;font-size:36px;font-weight:600}.styles-module__5DYF2W__unit{color:var(--neutral-500);font-size:16px;font-weight:500}.styles-module__5DYF2W__copyBtn{border:1px solid var(--neutral-250);background:var(--neutral-50);font-size:var(--font-size-caption);cursor:pointer;color:var(--neutral-900);border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .15s;display:flex}.styles-module__5DYF2W__copyBtn:hover{background:var(--neutral-100);border-color:var(--neutral-200)}
.styles-module__evvLvq__card{background:var(--neutral-0);border:2px solid var(--neutral-100);cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.styles-module__evvLvq__card:hover{border-color:var(--neutral-250);transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.styles-module__evvLvq__card.styles-module__evvLvq__selected{border-color:var(--neutral-900);box-shadow:0 0 16px 2px var(--neutral-250)}.styles-module__evvLvq__cardHeader{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.styles-module__evvLvq__nameInput{font-size:var(--font-size-body);color:var(--neutral-1000);letter-spacing:-.01em;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;max-width:calc(100% - 32px);padding:4px;font-weight:500;transition:border-color .2s}.styles-module__evvLvq__nameInput:focus{border-bottom-color:var(--neutral-350)}.styles-module__evvLvq__deleteBtn{width:32px;height:32px;color:var(--neutral-1000);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.styles-module__evvLvq__card:hover .styles-module__evvLvq__deleteBtn{opacity:1}.styles-module__evvLvq__deleteBtn:hover{color:#dc2626;background:#fee2e2}.styles-module__evvLvq__miniCurve{cursor:pointer;background:#fafafa;border:1px solid #f1f5f9;border-radius:12px;height:100px;padding:16px;transition:all .2s;position:relative}.styles-module__evvLvq__miniCurve:hover{background:#f8fafc;border-color:#e2e8f0}.styles-module__evvLvq__curveSvg{width:100%;height:100%}.styles-module__evvLvq__editHint{color:#64748b;opacity:0;font-size:11px;font-weight:500;transition:opacity .2s;position:absolute;bottom:8px;right:12px}.styles-module__evvLvq__miniCurve:hover .styles-module__evvLvq__editHint{opacity:1}.styles-module__evvLvq__copyBtn{border:1px solid var(--neutral-250);background:var(--neutral-50);font-size:var(--font-size-caption);cursor:pointer;color:var(--neutral-900);border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .15s;display:flex}.styles-module__evvLvq__copyBtn:hover{background:var(--neutral-100);border-color:var(--neutral-200)}
.ModernEasingEditor-module__yn0z2W__overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0f172ae0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ModernEasingEditor-module__yn0z2W__modal{background:var(--neutral-0);border-radius:24px;flex-direction:column;width:100%;max-width:960px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) ModernEasingEditor-module__yn0z2W__scaleIn;display:flex;overflow:hidden}@keyframes ModernEasingEditor-module__yn0z2W__scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ModernEasingEditor-module__yn0z2W__header{background:var(--neutral-0);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.ModernEasingEditor-module__yn0z2W__importBar{background:var(--neutral-0);border:2px solid var(--neutral-200);border-radius:16px;flex:1;align-items:center;gap:8px;padding:4px;transition:border-color .2s;display:flex}.ModernEasingEditor-module__yn0z2W__importBar:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.ModernEasingEditor-module__yn0z2W__importBar:focus-within{border-color:var(--neutral-400)}.ModernEasingEditor-module__yn0z2W__importInput{font-size:var(--font-size-body);color:var(--neutral-1000);background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px 0 12px 12px}.ModernEasingEditor-module__yn0z2W__inputError{color:#ef4444}.ModernEasingEditor-module__yn0z2W__importBtn{background:var(--neutral-1000);color:var(--neutral-100);font-size:var(--font-size-body);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:6px;padding:12px 16px;font-weight:600;transition:all .2s;display:flex}.ModernEasingEditor-module__yn0z2W__importBtn:hover{background:var(--neutral-800)}.ModernEasingEditor-module__yn0z2W__closeBtn{font-size:var(--font-size-heading1);color:var(--neutral-600);cursor:pointer;background:0 0;border:none;font-weight:400;line-height:1;transition:color .2s}.ModernEasingEditor-module__yn0z2W__closeBtn:hover{color:#0f172a}.ModernEasingEditor-module__yn0z2W__body{background:var(--neutral-0);flex-direction:column;gap:16px;padding:0 16px 16px;display:flex;overflow-y:auto}.ModernEasingEditor-module__yn0z2W__tabs{background:var(--neutral-100);border-radius:12px;gap:4px;padding:4px;display:flex}.ModernEasingEditor-module__yn0z2W__tab{color:var(--neutral-700);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.ModernEasingEditor-module__yn0z2W__tab:hover{color:var(--neutral-1000);background-color:var(--neutral-50)}.ModernEasingEditor-module__yn0z2W__activeTab{background:var(--neutral-0);color:var(--neutral-1000)}.ModernEasingEditor-module__yn0z2W__editorLayout{grid-template-columns:1.6fr 1fr;align-items:start;gap:40px;display:grid}.ModernEasingEditor-module__yn0z2W__graphContainer{background:var(--neutral-0);border:1px solid var(--neutral-100);aspect-ratio:1;border-radius:16px;padding:0;position:relative;overflow:hidden;box-shadow:0 0 16px #0000000d}.ModernEasingEditor-module__yn0z2W__graphSvg{width:100%;height:100%;display:block}.ModernEasingEditor-module__yn0z2W__baseLine{stroke:var(--neutral-100);stroke-width:.005px;stroke-dasharray:.02 .02}.ModernEasingEditor-module__yn0z2W__targetLine{stroke:var(--neutral-100);stroke-width:.005px}.ModernEasingEditor-module__yn0z2W__curvePath{fill:none;stroke:var(--primary-color);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ModernEasingEditor-module__yn0z2W__handleLine{stroke:#94a3b8;stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.ModernEasingEditor-module__yn0z2W__handleCircle{fill:#fff;stroke:var(--primary-color);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab;transition:fill .2s}.ModernEasingEditor-module__yn0z2W__handleCircle:hover{fill:#eff6ff;stroke-width:3px}.ModernEasingEditor-module__yn0z2W__handleCircle:active{cursor:grabbing;fill:var(--primary-color)}.ModernEasingEditor-module__yn0z2W__originDot{fill:#cbd5e1}.ModernEasingEditor-module__yn0z2W__controls{flex-direction:column;gap:28px;display:flex}.ModernEasingEditor-module__yn0z2W__infoBox{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;line-height:1.5;display:flex}.ModernEasingEditor-module__yn0z2W__controlGroup{flex-direction:column;gap:10px;display:flex}.ModernEasingEditor-module__yn0z2W__controlHeader{justify-content:space-between;align-items:center;display:flex}.ModernEasingEditor-module__yn0z2W__label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.ModernEasingEditor-module__yn0z2W__valueTag{color:#334155;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-family:SF Mono,Monaco,monospace;font-size:12px;font-weight:600}.ModernEasingEditor-module__yn0z2W__slider{appearance:none;background:var(--neutral-150);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.ModernEasingEditor-module__yn0z2W__slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:0;transition:transform .1s;box-shadow:0 2px 6px #0f172a33}.ModernEasingEditor-module__yn0z2W__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ModernEasingEditor-module__yn0z2W__slider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 6px #0f172a33}.ModernEasingEditor-module__yn0z2W__slider::-moz-range-thumb:hover{transform:scale(1.15)}.ModernEasingEditor-module__yn0z2W__footer{border-top:1px solid var(--neutral-100);background:var(--neutral-50);justify-content:flex-end;align-items:center;padding:16px;display:flex}.ModernEasingEditor-module__yn0z2W__codeBlock{font-family:var(--font-code);font-size:var(--font-size-caption);color:var(--neutral-400);letter-spacing:.5px;background:var(--neutral-1000);max-width:100%;white-space:wrap;text-overflow:ellipsis;border-radius:16px;padding:16px;line-height:1.5;overflow:hidden}.ModernEasingEditor-module__yn0z2W__actions{gap:12px;display:flex}.ModernEasingEditor-module__yn0z2W__btn{font-size:var(--font-size-caption);border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.ModernEasingEditor-module__yn0z2W__btnSecondary{background:var(--neutral-0);color:var(--neutral-900);border:1px solid var(--neutral-250);border-radius:100px;align-items:center;gap:4px;padding:10px 16px;display:flex}.ModernEasingEditor-module__yn0z2W__btnSecondary:hover{border-color:var(--neutral-300);background:var(--neutral-0);color:var(--neutral-1000)}.ModernEasingEditor-module__yn0z2W__btnPrimary{color:#fff;background:#0f172a;box-shadow:0 4px 12px #0f172a26}.ModernEasingEditor-module__yn0z2W__btnPrimary:hover{background:#1e293b;box-shadow:0 6px 16px #0f172a33}.ModernEasingEditor-module__yn0z2W__btnPrimary:active{transform:translateY(0)}@media (max-width:768px){.ModernEasingEditor-module__yn0z2W__editorLayout{grid-template-columns:1fr}.ModernEasingEditor-module__yn0z2W__graphContainer{aspect-ratio:16/9}.ModernEasingEditor-module__yn0z2W__footer{flex-direction:column;align-items:stretch;gap:16px}.ModernEasingEditor-module__yn0z2W__codeBlock{max-width:100%}.ModernEasingEditor-module__yn0z2W__actions{justify-content:flex-end}}
.styles-module__tqM5Mq__fullPlayground{grid-template-columns:1fr 1fr;gap:80px;display:grid}.styles-module__tqM5Mq__header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.styles-module__tqM5Mq__subHeader{align-items:center;gap:8px;display:flex}.styles-module__tqM5Mq__subHeader h3{font-size:var(--font-size-subtitle);margin:0;font-weight:400}.styles-module__tqM5Mq__info{align-items:center;gap:16px;display:flex}.styles-module__tqM5Mq__infoRow{align-items:center;display:flex}.styles-module__tqM5Mq__label{font-size:var(--font-size-subtitle);color:var(--neutral-700);font-weight:500}.styles-module__tqM5Mq__value{font-family:var(--font-code);font-size:var(--font-size-body);letter-spacing:1px;color:#dc2626;background:#fee2e2;border-radius:100px;flex:1;margin-left:8px;padding:4px 12px;font-weight:600}.styles-module__tqM5Mq__stage{background:var(--neutral-100);height:200px;box-shadow:inset 0 0 8px 2px var(--neutral-0);border:1px solid var(--neutral-100);border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden}.styles-module__tqM5Mq__ball{background:#0f172a;border-radius:50%;width:60px;height:60px;position:absolute;top:70px;left:20px}.styles-module__tqM5Mq__ball.styles-module__tqM5Mq__animate{left:calc(100% - 80px)}.styles-module__tqM5Mq__experimentLab,.styles-module__tqM5Mq__hoverPlayground{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.styles-module__tqM5Mq__experimentHeader,.styles-module__tqM5Mq__hoverHeader{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.styles-module__tqM5Mq__experimentHeader h4,.styles-module__tqM5Mq__hoverHeader h4{font-size:var(--font-size-subtitle);margin:0}.styles-module__tqM5Mq__experimentHeader p,.styles-module__tqM5Mq__hoverHeader p{color:var(--neutral-700);font-size:var(--font-size-caption)}.styles-module__tqM5Mq__switchLabel{cursor:pointer;font-size:var(--font-size-caption);align-items:center;gap:6px;font-weight:500;display:flex}.styles-module__tqM5Mq__switch{cursor:pointer;display:inline-flex;position:relative}.styles-module__tqM5Mq__toggleInput{opacity:0;position:absolute}.styles-module__tqM5Mq__toggleTrack{background:var(--neutral-200);border-radius:999px;width:40px;height:22px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.styles-module__tqM5Mq__offIcon,.styles-module__tqM5Mq__onIcon{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s linear;position:absolute;top:1px;left:1px}.styles-module__tqM5Mq__offIcon{color:var(--neutral-600);opacity:1;transform:translate(0)}.styles-module__tqM5Mq__onIcon{color:var(--neutral-0);opacity:0;transform:translate(-18px)}.styles-module__tqM5Mq__toggleInput:checked+.styles-module__tqM5Mq__toggleTrack{background:var(--primary-color)}.styles-module__tqM5Mq__toggleInput:checked+.styles-module__tqM5Mq__toggleTrack .styles-module__tqM5Mq__offIcon{opacity:0;transform:translate(18px)}.styles-module__tqM5Mq__toggleInput:checked+.styles-module__tqM5Mq__toggleTrack .styles-module__tqM5Mq__onIcon{opacity:1;color:var(--primary-light);transform:translate(18px)}.styles-module__tqM5Mq__transformTab,.styles-module__tqM5Mq__experimentTab{cursor:pointer;color:#64748b;background:#ffffff80;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.styles-module__tqM5Mq__transformTab:hover,.styles-module__tqM5Mq__experimentTab:hover{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0000000a}.styles-module__tqM5Mq__transformTab.styles-module__tqM5Mq__active,.styles-module__tqM5Mq__experimentTab.styles-module__tqM5Mq__active{background:var(--primary-color);color:var(--primary-light);border-color:#0000000a;font-weight:600;box-shadow:0 2px 12px #00000014}.styles-module__tqM5Mq__transformTabs,.styles-module__tqM5Mq__experimentTabs{background:var(--neutral-0);flex-wrap:wrap;gap:6px;display:flex}.styles-module__tqM5Mq__experimentContent{flex-direction:column;align-items:center;gap:24px;min-height:400px;display:flex}.styles-module__tqM5Mq__cardDemo{justify-content:center;align-items:center;width:100%;min-height:450px;display:flex}.styles-module__tqM5Mq__experimentCard{--hover-active-transform:scale(1.05);--hover-duration:.3s;--hover-ease:cubic-bezier(.4,0,.2,1);justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.styles-module__tqM5Mq__shapeOrigin{background:#0f172a1f;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:20px}.styles-module__tqM5Mq__shapeElement{width:var(--experiment-base-width);height:var(--experiment-base-height);border-radius:var(--experiment-base-radius);opacity:var(--experiment-base-opacity);transform:var(--experiment-base-transform);transition:transform var(--hover-duration)var(--hover-ease),width var(--hover-duration)var(--hover-ease),height var(--hover-duration)var(--hover-ease),border-radius var(--hover-duration)var(--hover-ease),opacity var(--hover-duration)var(--hover-ease);background:linear-gradient(135deg,#0ea5e9,#9333ea);justify-content:center;align-items:center;display:flex}.styles-module__tqM5Mq__shapeCore{border-radius:inherit;background:#ffffff0d;border:2px solid #ffffff29;width:64%;height:64%;transition:inherit}.styles-module__tqM5Mq__experimentCard.styles-module__tqM5Mq__resetting .styles-module__tqM5Mq__shapeElement,.styles-module__tqM5Mq__experimentCard.styles-module__tqM5Mq__resetting .styles-module__tqM5Mq__shapeCore{transition:none!important}.styles-module__tqM5Mq__experimentCard.styles-module__tqM5Mq__autoActive .styles-module__tqM5Mq__shapeElement{width:var(--experiment-active-width);height:var(--experiment-active-height);border-radius:var(--experiment-active-radius);opacity:var(--experiment-active-opacity);transform:var(--experiment-active-transform)}.styles-module__tqM5Mq__experimentCard.styles-module__tqM5Mq__autoActive .styles-module__tqM5Mq__shapeCore{border-radius:inherit}.styles-module__tqM5Mq__experimentLabel{color:#475569;letter-spacing:.02em;font-size:12px;font-weight:600}.styles-module__tqM5Mq__experimentActions{justify-content:space-between;align-items:center;gap:16px;display:flex}.styles-module__tqM5Mq__replayBtn{border:1px solid var(--neutral-200);background:var(--neutral-0);font-size:var(--font-size-caption);cursor:pointer;border-radius:999px;padding:6px 14px;font-weight:600;transition:all .2s}.styles-module__tqM5Mq__replayBtn:hover{border-color:var(--neutral-350);background:var(--neutral-50)}.styles-module__tqM5Mq__controlsColumn{flex-direction:column;gap:8px;width:100%;display:flex}.styles-module__tqM5Mq__sliderControl{flex-direction:column;flex:1;gap:12px;min-width:220px;margin-bottom:4px;display:flex}.styles-module__tqM5Mq__sliderLabel{color:#475569;justify-content:space-between;font-size:13px;font-weight:500;display:flex}.styles-module__tqM5Mq__rangeSlider{background:var(--neutral-300);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.styles-module__tqM5Mq__rangeSlider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.styles-module__tqM5Mq__rangeSlider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.styles-module__tqM5Mq__rangeSlider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.styles-module__tqM5Mq__rangeSlider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.styles-module__tqM5Mq__hoverContent{flex-direction:column;align-items:center;gap:24px;display:flex}.styles-module__tqM5Mq__controlsColumn{grid-template-columns:1fr 1fr;gap:24px;display:grid}.styles-module__tqM5Mq__demoCard{--hover-active-transform:scale(1.05);--hover-duration:.3s;--hover-ease:cubic-bezier(.4,0,.2,1);opacity:1;filter:none;transition:transform var(--hover-duration)var(--hover-ease),box-shadow .2s ease,opacity var(--hover-duration)var(--hover-ease),filter var(--hover-duration)var(--hover-ease);border:1px solid var(--neutral-100);width:200px;height:200px;font-size:var(--font-size-subtitle);color:var(--neutral-1000);background:#fff;border-radius:24px;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative;box-shadow:0 12px 36px #0f172a14}.styles-module__tqM5Mq__demoCard:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #0f172a14;position:absolute;inset:0}.styles-module__tqM5Mq__demoCard span{z-index:1}.styles-module__tqM5Mq__demoCard:hover{transform:var(--hover-active-transform);font-size:var(--font-size-subtitle);color:var(--neutral-1000);opacity:var(--hover-active-opacity,1);filter:var(--hover-active-filter,none);box-shadow:0 18px 48px #0f172a29}.styles-module__tqM5Mq__sliderValue{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.styles-module__tqM5Mq__rangeSlider{appearance:none;background:var(--neutral-150);border-radius:999px;height:6px}.styles-module__tqM5Mq__rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0f172a33}.styles-module__tqM5Mq__rangeSlider::-moz-range-thumb{background:var(--neutral-900);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0f172a33}
.page-module__oTZRVW__page{background:var(--neutral-0);min-height:100vh}.page-module__oTZRVW__main{max-width:100%;margin:0 auto;padding:40px 64px 64px}.page-module__oTZRVW__container{min-height:calc(100vh - 104px)}.page-module__oTZRVW__header{color:var(--neutral-1000);justify-content:space-between;align-items:flex-start;width:100%;margin:0 auto 24px;display:flex}.page-module__oTZRVW__title{font-size:var(--font-size-heading1);flex-direction:column;gap:0;margin:0 0 8px;font-weight:700;display:flex}.page-module__oTZRVW__experimentalBadge{background-color:var(--primary-color);color:var(--neutral-0);width:fit-content;font-size:var(--font-size-tagline);border-radius:0 8px 8px;margin-top:-2px;padding:4px 10px;font-weight:600;position:relative;top:-16px}.page-module__oTZRVW__badgeWrapper{max-height:16px;display:inline-block;position:relative}.page-module__oTZRVW__hoverCard{background-color:var(--neutral-0);color:var(--neutral-900);width:300px;font-size:var(--font-size-label);opacity:0;visibility:hidden;z-index:100;pointer-events:none;border-radius:16px;margin-top:12px;padding:16px;font-weight:400;line-height:1.6;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 4px 20px #00000026}.page-module__oTZRVW__hoverCard:after{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--neutral-0)transparent;position:absolute;bottom:100%;left:16px}.page-module__oTZRVW__badgeWrapper:hover .page-module__oTZRVW__hoverCard{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.page-module__oTZRVW__breadcrumb{align-items:center;gap:16px;margin-bottom:32px;display:flex}.page-module__oTZRVW__breadcrumbLabel{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.page-module__oTZRVW__breadcrumbPath{flex-wrap:wrap;flex:1;align-items:center;gap:.25rem;display:flex}.page-module__oTZRVW__breadcrumbItem{align-items:center;gap:4px;display:flex}.page-module__oTZRVW__breadcrumbText{font-size:var(--font-size-caption);color:var(--neutral-800);align-items:center;gap:.375rem;font-weight:500;display:flex}.page-module__oTZRVW__breadcrumbText.page-module__oTZRVW__version{color:var(--primary-color)}.page-module__oTZRVW__breadcrumbArrow{color:var(--neutral-600);margin:0 .5rem}.page-module__oTZRVW__breadcrumbEmpty{color:var(--neutral-600);font-size:.875rem;font-style:italic}.page-module__oTZRVW__content{grid-template-columns:360px 3.5fr;gap:48px;min-height:600px;display:grid}.page-module__oTZRVW__settingsCol{flex-direction:column;gap:24px;display:flex}.page-module__oTZRVW__controls{height:fit-content}.page-module__oTZRVW__controlsHeader{margin-bottom:16px}.page-module__oTZRVW__sectionTitle,.page-module__oTZRVW__controlsTitle{font-size:var(--font-size-subtitle);align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.page-module__oTZRVW__accordionSettings{border:1px solid var(--neutral-150);flex-direction:column;gap:0;max-height:350px;padding:0;display:flex;overflow-y:auto}.page-module__oTZRVW__sectionHeader{margin-bottom:1rem}.page-module__oTZRVW__versionControls{margin:16px 0}.page-module__oTZRVW__radioGroup{align-items:center;gap:32px;margin-bottom:1rem;display:flex}.page-module__oTZRVW__radioLabel{width:fit-content;font-size:var(--font-size-caption);color:var(--neutral-500);cursor:pointer;align-items:center;gap:4px;display:flex}.page-module__oTZRVW__radio{opacity:0;cursor:pointer;position:absolute}.page-module__oTZRVW__radioIconWrap{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.page-module__oTZRVW__checkedIcon,.page-module__oTZRVW__radio:checked+.page-module__oTZRVW__radioIconWrap .page-module__oTZRVW__uncheckedIcon{display:none}.page-module__oTZRVW__radio:checked+.page-module__oTZRVW__radioIconWrap .page-module__oTZRVW__checkedIcon{display:block}.page-module__oTZRVW__inputRow{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.page-module__oTZRVW__inputGroup{flex-direction:column;gap:6px;display:flex}.page-module__oTZRVW__label{font-size:var(--font-size-tagline);text-transform:uppercase;color:var(--neutral-650);letter-spacing:.05em;font-weight:600}.page-module__oTZRVW__input,.page-module__oTZRVW__select{border:2px solid var(--neutral-200);background-color:var(--neutral-0);width:100%;font-size:var(--font-size-caption);color:var(--neutral-1000);border-radius:12px;align-items:center;padding:12px 16px;transition:all .2s ease-in-out;display:flex}.page-module__oTZRVW__input:hover,.page-module__oTZRVW__select:hover{border-color:var(--neutral-300);background-color:var(--neutral-100)}.page-module__oTZRVW__input:focus,.page-module__oTZRVW__select:focus{border-color:var(--primary-color);background-color:var(--neutral-0)}.page-module__oTZRVW__input::placeholder{color:#94a3b8}.page-module__oTZRVW__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.page-module__oTZRVW__modifierCategory,.page-module__oTZRVW__versionCategory{border-bottom:1px solid var(--neutral-150);background:var(--neutral-0);flex-shrink:0;padding:10px;overflow:hidden}.page-module__oTZRVW__modifierCategory:hover,.page-module__oTZRVW__versionCategory:hover{background:var(--neutral-100)}.page-module__oTZRVW__categoryHeader{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.page-module__oTZRVW__categoryTitle{font-size:var(--font-size-label);color:var(--neutral-900);text-transform:capitalize;align-items:center;gap:.5rem;font-weight:600;display:flex}.page-module__oTZRVW__categoryCount{background:var(--neutral-150);box-shadow:inset 0px 0px 4px 1px var(--neutral-0);border:1px solid var(--neutral-250);color:var(--neutral-800);font-size:var(--font-size-tagline);border-radius:100px;margin-left:auto;padding:2px 6px;font-weight:600}.page-module__oTZRVW__checkboxGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;padding:16px 0;display:grid}@media (max-width:768px){.page-module__oTZRVW__checkboxGrid{grid-template-columns:1fr}}.page-module__oTZRVW__versionItem{grid-column:span 2;justify-content:space-between;align-items:center;display:flex}.page-module__oTZRVW__actionText{color:var(--neutral-700);align-items:center;gap:.5rem;font-weight:400;display:flex}.page-module__oTZRVW__actionText:hover{color:var(--neutral-1000)}.page-module__oTZRVW__checkbox{opacity:0;cursor:pointer;position:absolute}.page-module__oTZRVW__checkboxLabel{font-size:var(--font-size-caption);cursor:pointer;color:var(--neutral-500);border-radius:8px;flex:1;align-items:center;gap:4px;padding:0;transition:background-color .2s;display:flex}.page-module__oTZRVW__iconWrap{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.page-module__oTZRVW__uncheckedIcon{display:block}.page-module__oTZRVW__checkedIcon{color:var(--primary-color);display:none}.page-module__oTZRVW__checkbox:checked+.page-module__oTZRVW__iconWrap .page-module__oTZRVW__uncheckedIcon{display:none}.page-module__oTZRVW__checkbox:checked+.page-module__oTZRVW__iconWrap .page-module__oTZRVW__checkedIcon{display:block}.page-module__oTZRVW__removeButton{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.page-module__oTZRVW__customVersionInput{background:var(--primary-light);border:1px dashed var(--primary-color);border-radius:12px;padding:1rem}.page-module__oTZRVW__customVersionActions{gap:.75rem;margin-top:.75rem;display:flex}.page-module__oTZRVW__addButton{background:var(--primary-color);color:#fff;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:8px 12px;font-weight:600;transition:background .2s;display:flex}.page-module__oTZRVW__addButton:hover:not(:disabled){background:var(--primary-color)}.page-module__oTZRVW__addButton:disabled{opacity:.5;cursor:not-allowed}.page-module__oTZRVW__cancelButton{background:var(--primary-light);color:var(--neutral-900);font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;padding:8px 12px;font-weight:600;transition:background .2s}.page-module__oTZRVW__cancelButton:hover{background:var(--primary-light)}.page-module__oTZRVW__addCustomButton{color:var(--primary-color);border:1px dashed var(--primary-color);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin:16px;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.page-module__oTZRVW__addCustomButton:hover{background:#f5f3ff;border-style:solid}.page-module__oTZRVW__noData{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:1rem;font-style:italic}.page-module__oTZRVW__clearButton{color:#fff;font-size:var(--font-size-caption);cursor:pointer;background:#dc2626;border:none;border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-weight:600;transition:all .2s;display:flex}.page-module__oTZRVW__clearButton:hover{background:#b91c1c}.page-module__oTZRVW__clearButton:active{transform:translateY(0)}.page-module__oTZRVW__clearButton:disabled{opacity:.5;cursor:not-allowed;background:var(--neutral-300);color:var(--neutral-500);transform:none}.page-module__oTZRVW__modifierSearchBox{border-bottom:1px solid var(--neutral-150);background:var(--neutral-0);align-items:center;padding:12px 16px;display:flex;position:relative}.page-module__oTZRVW__modifierSearchInput{width:100%;font-size:var(--font-size-caption);color:var(--neutral-900);background:0 0;border:none;padding-left:10px;font-family:inherit}.page-module__oTZRVW__modifierSearchInput:focus{outline:none}.page-module__oTZRVW__modifierSearchInput::placeholder{color:var(--neutral-500)}.page-module__oTZRVW__searchIcon{color:var(--neutral-500);align-items:center;display:flex}.page-module__oTZRVW__output{background-color:var(--neutral-0);border:1px solid var(--neutral-100);border-radius:24px;gap:14px;height:fit-content;min-height:calc(100vh - 128px);padding:24px;position:sticky;top:64px;overflow:hidden;box-shadow:0 0 24px 4px #0000000d}.page-module__oTZRVW__outputHeader{justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.page-module__oTZRVW__outputTitle{font-size:var(--font-size-heading6);align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.page-module__oTZRVW__outputControls{align-items:center;gap:16px;display:flex}.page-module__oTZRVW__snippetToggle{align-items:center;gap:8px;display:flex}.page-module__oTZRVW__toggleLabel{font-size:var(--font-size-caption);color:var(--neutral-600);font-weight:500}.page-module__oTZRVW__switch{cursor:pointer;display:inline-flex}.page-module__oTZRVW__toggleInput{opacity:0;position:absolute}.page-module__oTZRVW__toggleTrack{background:var(--neutral-200);border-radius:999px;width:40px;height:22px;position:relative}.page-module__oTZRVW__offIcon,.page-module__oTZRVW__onIcon{transition:transform .2s,opacity .2s;position:absolute;top:1px;left:1px}.page-module__oTZRVW__offIcon{color:var(--neutral-600);opacity:1}.page-module__oTZRVW__onIcon{color:var(--neutral-0);opacity:0;transform:translate(18px)}.page-module__oTZRVW__toggleInput:checked+.page-module__oTZRVW__toggleTrack{background:var(--primary-color)}.page-module__oTZRVW__toggleInput:checked+.page-module__oTZRVW__toggleTrack .page-module__oTZRVW__offIcon{opacity:0}.page-module__oTZRVW__toggleInput:checked+.page-module__oTZRVW__toggleTrack .page-module__oTZRVW__onIcon{opacity:1;color:var(--primary-light)}.page-module__oTZRVW__snippetSelect{border:1px solid var(--neutral-200);font-size:var(--font-size-tagline);color:var(--neutral-800);background-color:var(--neutral-0);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;border-radius:8px;outline:none;min-width:120px;height:28px;padding:2px 28px 2px 6px}.page-module__oTZRVW__snippetSelect:hover,.page-module__oTZRVW__snippetSelect:focus{border-color:var(--neutral-300);background-color:var(--neutral-100)}.page-module__oTZRVW__resultsList{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:16px;max-height:calc(100vh - 160px);display:grid;overflow-y:auto}.page-module__oTZRVW__resultsList::-webkit-scrollbar{width:6px}.page-module__oTZRVW__resultsList::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.page-module__oTZRVW__resultsList::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.page-module__oTZRVW__resultsList::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-module__oTZRVW__resultItem{border:2px solid var(--neutral-100);cursor:pointer;background:var(--neutral-0);border-radius:16px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.page-module__oTZRVW__resultItem:hover{border-color:var(--neutral-400);background:var(--neutral-50)}.page-module__oTZRVW__selectedResult{border-color:var(--neutral-300);z-index:10;position:relative;box-shadow:0 0 16px #00000014}.page-module__oTZRVW__snippetPreviewBox{margin-bottom:16px}.page-module__oTZRVW__snippetHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-module__oTZRVW__snippetLabel{font-size:var(--font-size-label);text-transform:uppercase;color:var(--neutral-700);letter-spacing:.05em;font-weight:700}.page-module__oTZRVW__snippetActions{gap:8px;display:flex}.page-module__oTZRVW__snippetCode{background:var(--neutral-1000);border-radius:12px;margin:0;padding:16px;overflow-x:auto}.page-module__oTZRVW__snippetCode code{font-family:var(--font-code,monospace);color:#e2e8f0;white-space:pre-wrap;font-size:.875rem;line-height:1.5}.page-module__oTZRVW__resultHeader{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.page-module__oTZRVW__resultLabel{font-size:var(--font-size-caption);color:var(--neutral-1000);align-items:center;gap:.5rem;font-weight:600;display:flex}.page-module__oTZRVW__copyButton{color:var(--neutral-700);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:0;font-weight:500;transition:all .2s;display:flex}.page-module__oTZRVW__copyButton:hover,.page-module__oTZRVW__copyButton.page-module__oTZRVW__copied{color:var(--primary-color)}.page-module__oTZRVW__iconButton:hover,.page-module__oTZRVW__iconButton.page-module__oTZRVW__active{color:var(--primary-color)}.page-module__oTZRVW__resultCode{font-size:var(--font-size-body);font-family:var(--font-code);white-space:nowrap;letter-spacing:.5px;background:0 0;border-radius:0;align-items:center;gap:12px;padding:0;font-weight:600;line-height:1.5;display:flex;overflow-x:auto;color:var(--neutral-1000)!important}.page-module__oTZRVW__codeBlock{color:var(--neutral-1000);font-size:var(--font-size-body);border-radius:0;padding:0}.page-module__oTZRVW__resultCode.page-module__oTZRVW__camel svg{color:#60a5fa}.page-module__oTZRVW__resultCode.page-module__oTZRVW__pascal svg{color:#818cf8}.page-module__oTZRVW__resultCode.page-module__oTZRVW__snake svg{color:#34d399}.page-module__oTZRVW__resultCode.page-module__oTZRVW__screaming svg{color:#e6a400}.page-module__oTZRVW__resultCode.page-module__oTZRVW__kebab svg{color:#f87171}.page-module__oTZRVW__resultCode.page-module__oTZRVW__bem svg{color:#a78bfa}.page-module__oTZRVW__resultCode.page-module__oTZRVW__dot svg{color:#f472b6}.page-module__oTZRVW__resultCode.page-module__oTZRVW__nocase svg{color:#22d3ee}.page-module__oTZRVW__placeholder{text-align:center;flex-direction:column;align-items:center;padding:3rem 1rem;display:flex}.page-module__oTZRVW__placeholderIcon{color:var(--neutral-800)}.page-module__oTZRVW__placeholderText{font-size:var(--font-size-body);color:var(--neutral-900);margin:24px 0 8px;font-weight:500}.page-module__oTZRVW__placeholderSub{font-size:var(--font-size-caption);color:var(--neutral-600)}.page-module__oTZRVW__mobileWarning{text-align:center;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:60vh;padding:32px;display:none}.page-module__oTZRVW__warningIcon{color:#94a3b8}.page-module__oTZRVW__warningText{color:#475569;max-width:400px;font-size:1.25rem;font-weight:500;line-height:1.5}.page-module__oTZRVW__headerActions{align-items:center;gap:8px;display:flex}.page-module__oTZRVW__savedButton{background:var(--neutral-150);color:var(--neutral-900);font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:600;transition:all .2s;display:flex}.page-module__oTZRVW__savedButton:hover{background:var(--neutral-200)}.page-module__oTZRVW__savedBadge{background:var(--primary-color);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px 6px;font-size:10px;display:flex}.page-module__oTZRVW__resultActions{align-items:center;gap:8px;display:flex}.page-module__oTZRVW__iconButton{color:var(--neutral-500);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.page-module__oTZRVW__iconButton:hover{color:var(--primary-color);background:var(--primary-light)}.page-module__oTZRVW__iconButton.page-module__oTZRVW__active{color:var(--primary-color)}@media (max-width:1279px){.page-module__oTZRVW__main{padding:16px}.page-module__oTZRVW__desktopContent{display:none}.page-module__oTZRVW__mobileWarning{display:flex}}@media (max-width:768px){.page-module__oTZRVW__header{padding:1.5rem 1rem}.page-module__oTZRVW__title{flex-direction:column;gap:.5rem;font-size:1.75rem}.page-module__oTZRVW__subtitle{font-size:1rem}.page-module__oTZRVW__breadcrumb{flex-direction:column;align-items:flex-start;gap:.5rem}.page-module__oTZRVW__outputHeader{flex-direction:column;align-items:flex-start;gap:1rem}.page-module__oTZRVW__inputRow{grid-template-columns:1fr}}.page-module__oTZRVW__headerActionButton{color:var(--neutral-700);cursor:pointer;font-size:var(--font-size-caption);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-right:8px;transition:all .2s;display:flex}.page-module__oTZRVW__headerActionButton:hover,.page-module__oTZRVW__successIcon{color:var(--primary-color)}.page-module__oTZRVW__editTab{background:var(--neutral-200);border-radius:8px;gap:4px;width:fit-content;margin:16px 0;padding:4px;display:flex}.page-module__oTZRVW__tabButton{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.page-module__oTZRVW__tabButton:hover{background:var(--neutral-100);color:var(--neutral-1000)}.page-module__oTZRVW__tabButton.page-module__oTZRVW__active{background:var(--neutral-0);color:var(--neutral-1000)}
.TypeScaleGenerator-module__ShQJxq__container{flex-direction:column;gap:24px;display:flex}.TypeScaleGenerator-module__ShQJxq__pageTitle{font-size:var(--font-size-heading1);margin:0 0 8px;font-weight:700}.TypeScaleGenerator-module__ShQJxq__scaleDisplayContainer{gap:32px;display:flex}.TypeScaleGenerator-module__ShQJxq__controls{background-color:var(--neutral-0);border-right:2px solid var(--neutral-100);flex-direction:column;flex:0 0;gap:24px;width:360px;padding-right:32px;display:flex}.TypeScaleGenerator-module__ShQJxq__switchLabel{cursor:pointer;font-size:var(--font-size-caption);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;min-width:46px;font-weight:500;display:flex}.TypeScaleGenerator-module__ShQJxq__switch{cursor:pointer;display:inline-flex;position:relative}.TypeScaleGenerator-module__ShQJxq__toggleInput{opacity:0;position:absolute}.TypeScaleGenerator-module__ShQJxq__toggleTrack{background:var(--neutral-200);border-radius:999px;width:40px;height:22px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.TypeScaleGenerator-module__ShQJxq__offIcon,.TypeScaleGenerator-module__ShQJxq__onIcon{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s linear;position:absolute;top:1px;left:1px}.TypeScaleGenerator-module__ShQJxq__offIcon{color:var(--neutral-600);opacity:1;transform:translate(0)}.TypeScaleGenerator-module__ShQJxq__onIcon{color:var(--neutral-0);opacity:0;transform:translate(-18px)}.TypeScaleGenerator-module__ShQJxq__toggleInput:checked+.TypeScaleGenerator-module__ShQJxq__toggleTrack{background:var(--primary-color)}.TypeScaleGenerator-module__ShQJxq__toggleInput:checked+.TypeScaleGenerator-module__ShQJxq__toggleTrack .TypeScaleGenerator-module__ShQJxq__offIcon{opacity:0;transform:translate(18px)}.TypeScaleGenerator-module__ShQJxq__toggleInput:checked+.TypeScaleGenerator-module__ShQJxq__toggleTrack .TypeScaleGenerator-module__ShQJxq__onIcon{opacity:1;color:var(--primary-light);transform:translate(18px)}.TypeScaleGenerator-module__ShQJxq__controlsHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.TypeScaleGenerator-module__ShQJxq__actions{gap:12px;display:flex}.TypeScaleGenerator-module__ShQJxq__actionBtn{background:var(--neutral-1000);color:#fff;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.TypeScaleGenerator-module__ShQJxq__actionBtn:hover{background:var(--neutral-900)}.TypeScaleGenerator-module__ShQJxq__controlsGrid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;width:100%;display:grid}.TypeScaleGenerator-module__ShQJxq__inputGroup{flex-direction:column;gap:8px;width:100%;display:flex}.TypeScaleGenerator-module__ShQJxq__inputGroup:last-child{grid-column:1/-1}.TypeScaleGenerator-module__ShQJxq__inputGroup label{font-size:var(--font-size-tagline);text-transform:uppercase;color:var(--neutral-650);letter-spacing:.05em;font-weight:600}.TypeScaleGenerator-module__ShQJxq__select{background-color:var(--neutral-0);color:var(--neutral-1000);border:1px solid var(--neutral-200);font-size:var(--font-size-caption);border-radius:12px;outline:none;width:100%;min-width:0;padding:12px 16px;font-weight:500;transition:all .2s}.TypeScaleGenerator-module__ShQJxq__textInput{resize:vertical;font-family:inherit;font-size:var(--font-size-body);border:1px solid var(--neutral-200);border-radius:12px;padding:12px 16px}.TypeScaleGenerator-module__ShQJxq__numberInput{border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:.875rem;transition:all .2s}.TypeScaleGenerator-module__ShQJxq__numberInput:focus,.TypeScaleGenerator-module__ShQJxq__textInput:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.TypeScaleGenerator-module__ShQJxq__scaleDisplay{flex-direction:column;gap:24px;width:100%;display:flex}.TypeScaleGenerator-module__ShQJxq__scaleItem{border-bottom:1px dashed var(--neutral-200);padding-bottom:24px}.TypeScaleGenerator-module__ShQJxq__scaleInfo{justify-content:space-between;align-items:center;display:flex}.TypeScaleGenerator-module__ShQJxq__scaleName{color:var(--neutral-1000);font-weight:600}.TypeScaleGenerator-module__ShQJxq__scaleSize{font-size:var(--font-size-label);color:var(--neutral-50);background:var(--neutral-900);border:2px solid var(--neutral-800);outline-offset:1px;outline:2px solid var(--neutral-700);letter-spacing:1px;text-align:center;border-radius:100px;flex-shrink:0;min-width:100px;padding:4px 12px;font-weight:600}.TypeScaleGenerator-module__ShQJxq__previewText{color:var(--neutral-900);word-break:break-word;margin-top:8px;margin-bottom:24px;line-height:1.3}.TypeScaleGenerator-module__ShQJxq__cssOutput{margin-top:16px}.TypeScaleGenerator-module__ShQJxq__cssOutput h3{margin:0 0 16px;font-size:1.125rem;font-weight:700}.TypeScaleGenerator-module__ShQJxq__subHeader{align-items:center;gap:8px;margin-bottom:12px;display:flex}.TypeScaleGenerator-module__ShQJxq__subHeader h3{font-size:var(--font-size-heading6);margin:0;font-weight:600}.TypeScaleGenerator-module__ShQJxq__codeBlock{background:var(--neutral-100);font-family:var(--font-code);font-size:var(--font-size-caption);color:var(--neutral-900);border-radius:16px;margin:16px 0 0;padding:16px;line-height:1.7;overflow-x:auto;font-weight:400!important}@media (max-width:768px){.TypeScaleGenerator-module__ShQJxq__controlsHeader{flex-direction:column;align-items:flex-start}.TypeScaleGenerator-module__ShQJxq__actions{width:100%}.TypeScaleGenerator-module__ShQJxq__actionBtn{flex:1;justify-content:center}.TypeScaleGenerator-module__ShQJxq__toggles{flex-direction:column;gap:12px}.TypeScaleGenerator-module__ShQJxq__scaleInfo{flex-direction:column;align-items:flex-start;gap:8px}}.TypeScaleGenerator-module__ShQJxq__sliderControls{grid-template-columns:1fr;gap:24px;margin:0 0 16px;display:grid}.TypeScaleGenerator-module__ShQJxq__sliderGroup{flex-direction:column;gap:4px;display:flex}.TypeScaleGenerator-module__ShQJxq__sliderGroup label{color:var(--neutral-1000);font-weight:500;font-size:var(--font-size-caption);justify-content:space-between;align-items:center;display:flex}.TypeScaleGenerator-module__ShQJxq__sliderGroup label span{font-family:var(--font-code);font-size:var(--font-size-caption);color:var(--neutral-1000)}.TypeScaleGenerator-module__ShQJxq__rangeSlider{background:var(--neutral-300);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px;margin-top:.5rem}.TypeScaleGenerator-module__ShQJxq__rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0003}.TypeScaleGenerator-module__ShQJxq__rangeSlider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0003}.TypeScaleGenerator-module__ShQJxq__toggles{grid-template-columns:repeat(2,1fr);align-items:start;gap:24px;display:grid}
.styles-module__9sj5aW__section{width:100%;max-height:550px;overflow-y:auto}.styles-module__9sj5aW__header{background-color:var(--neutral-0);z-index:10;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex;position:sticky;top:0}.styles-module__9sj5aW__subHeader{align-items:center;gap:8px;display:flex}.styles-module__9sj5aW__subHeader h3{font-size:var(--font-size-heading6);margin:0;font-weight:600}.styles-module__9sj5aW__addBtn{background:var(--neutral-1000);color:#fff;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:6px;padding:7px 16px;font-weight:500;transition:all .15s;display:flex}.styles-module__9sj5aW__addBtn:hover{background:var(--neutral-900)}.styles-module__9sj5aW__addBtn:active{transform:scale(.98)}.styles-module__9sj5aW__grid{flex-direction:column;gap:24px;width:100%;display:flex}.styles-module__9sj5aW__card{background:var(--neutral-0);border:2px solid var(--neutral-100);cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.styles-module__9sj5aW__cardHeader{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.styles-module__9sj5aW__nameInput{font-size:var(--font-size-body);color:var(--neutral-900);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;padding:6px;font-weight:500;transition:border-color .2s}.styles-module__9sj5aW__nameInput:hover,.styles-module__9sj5aW__nameInput:focus{border-bottom-color:var(--neutral-300)}.styles-module__9sj5aW__deleteBtn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.styles-module__9sj5aW__deleteBtn:hover{background:#fecaca}.styles-module__9sj5aW__selects{grid-template-columns:1fr 1fr;gap:16px;display:grid}.styles-module__9sj5aW__select{cursor:pointer;color:#0f172a;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666a6f' viewBox='0 0 256 256'%3e%3cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3e%3c/path%3e%3c/svg%3e") right 8px center/16px no-repeat;border:1px solid #e2e8f0;border-radius:10px;padding:10px 32px 10px 14px;font-size:14px;font-weight:500;transition:all .15s}.styles-module__9sj5aW__select:hover{border-color:#cbd5e1}.styles-module__9sj5aW__select:focus{border-color:#0f172a;outline:none}.styles-module__9sj5aW__copyBtn{border:1px solid var(--neutral-250);background:var(--neutral-50);font-size:var(--font-size-caption);cursor:pointer;color:var(--neutral-900);border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .15s;display:flex}.styles-module__9sj5aW__copyBtn:hover{background:var(--neutral-100);border-color:var(--neutral-200)}.styles-module__9sj5aW__copyBtn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.styles-module__9sj5aW__layersContainer{flex-direction:column;gap:12px;width:100%;display:flex}.styles-module__9sj5aW__layerRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid}.styles-module__9sj5aW__removeLayerBtn{width:32px;height:38px;color:var(--neutral-700);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.styles-module__9sj5aW__removeLayerBtn:hover{color:#dc2626;background:#fee2e2}.styles-module__9sj5aW__removeLayerBtn:disabled{opacity:.3;cursor:not-allowed;color:var(--neutral-300)}.styles-module__9sj5aW__removeLayerBtn:disabled:hover{color:var(--neutral-300);background:0 0}.styles-module__9sj5aW__addLayerBtn{border:1px dashed var(--neutral-300);color:var(--neutral-600);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:13px;transition:all .2s;display:flex}.styles-module__9sj5aW__addLayerBtn:hover{border-color:var(--neutral-500);color:var(--neutral-900);background:var(--neutral-50)}.styles-module__9sj5aW__empty{color:var(--neutral-600);font-size:var(--font-size-body);padding:0 0 16px}.styles-module__9sj5aW__empty p,.styles-module__9sj5aW__exportSection{margin:0}.styles-module__9sj5aW__formatSelector{gap:16px;margin:32px 0 16px;display:flex}.styles-module__9sj5aW__formatBtn{color:var(--neutral-600);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:all .2s}.styles-module__9sj5aW__formatBtn:hover{color:var(--neutral-800)}.styles-module__9sj5aW__formatBtn.styles-module__9sj5aW__active{color:var(--neutral-1000)}.styles-module__9sj5aW__codeBlock{border:1px solid var(--border-2);background:#011627;border-radius:8px;max-height:400px;overflow:hidden auto}
.SavedIdentifiersDrawer-module__w-psfW__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;pointer-events:auto;background:#0009;width:100vw;height:100vh;position:fixed;inset:0}.SavedIdentifiersDrawer-module__w-psfW__drawer{background:var(--neutral-1000);border-left:1px solid var(--neutral-900);z-index:10000;flex-direction:column;width:min(450px,90vw);height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) SavedIdentifiersDrawer-module__w-psfW__slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0006}@keyframes SavedIdentifiersDrawer-module__w-psfW__slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.SavedIdentifiersDrawer-module__w-psfW__header{background:var(--neutral-1000);border-bottom:1px solid var(--neutral-900);justify-content:space-between;align-items:center;padding:16px;display:flex}.SavedIdentifiersDrawer-module__w-psfW__title{font-size:var(--font-size-heading5);color:var(--neutral-100);margin:0;font-weight:600}.SavedIdentifiersDrawer-module__w-psfW__closeBtn{cursor:pointer;color:var(--neutral-400);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.SavedIdentifiersDrawer-module__w-psfW__closeBtn:hover{color:var(--neutral-200)}.SavedIdentifiersDrawer-module__w-psfW__content{scrollbar-width:thin;scrollbar-color:var(--neutral-800)var(--neutral-900);flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.SavedIdentifiersDrawer-module__w-psfW__content::-webkit-scrollbar{width:8px}.SavedIdentifiersDrawer-module__w-psfW__content::-webkit-scrollbar-track{background:var(--neutral-900)}.SavedIdentifiersDrawer-module__w-psfW__content::-webkit-scrollbar-thumb{background-color:var(--neutral-800);border-radius:8px}.SavedIdentifiersDrawer-module__w-psfW__content::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-800)}.SavedIdentifiersDrawer-module__w-psfW__emptyState{color:var(--neutral-500);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.SavedIdentifiersDrawer-module__w-psfW__emptyIcon{color:var(--neutral-800)}.SavedIdentifiersDrawer-module__w-psfW__emptyText{font-size:var(--font-size-body)}.SavedIdentifiersDrawer-module__w-psfW__item{background:var(--neutral-950);border:1px solid var(--neutral-900);border-color:var(--neutral-800);background:var(--neutral-900);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.SavedIdentifiersDrawer-module__w-psfW__item:hover{border-color:var(--neutral-800);background:var(--neutral-900)}.SavedIdentifiersDrawer-module__w-psfW__itemContent{font-family:var(--font-code);font-size:var(--font-size-caption);color:var(--neutral-200);word-break:break-all;flex:1;margin-right:16px}.SavedIdentifiersDrawer-module__w-psfW__itemActions{opacity:1;gap:8px;transition:opacity .2s;display:flex}.SavedIdentifiersDrawer-module__w-psfW__iconBtn{color:var(--neutral-100);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.SavedIdentifiersDrawer-module__w-psfW__iconBtn:hover{background:var(--neutral-800);color:var(--neutral-200)}.SavedIdentifiersDrawer-module__w-psfW__iconBtn.SavedIdentifiersDrawer-module__w-psfW__delete:hover{color:#ef4444;background:#dc26261a}.SavedIdentifiersDrawer-module__w-psfW__footer{border-top:1px solid var(--neutral-900);background:var(--neutral-1000);gap:12px;padding:16px 24px;display:flex}.SavedIdentifiersDrawer-module__w-psfW__copyAllBtn{background:var(--primary-color);color:#fff;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:500;transition:all .2s;display:flex}.SavedIdentifiersDrawer-module__w-psfW__copyAllBtn:hover{background:var(--primary-accent)}.SavedIdentifiersDrawer-module__w-psfW__copyAllBtn:disabled{opacity:.5;cursor:not-allowed;background:var(--neutral-800);color:var(--neutral-500)}.SavedIdentifiersDrawer-module__w-psfW__clearBtn{background:var(--neutral-900);color:var(--neutral-400);font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:500;transition:all .2s;display:flex}.SavedIdentifiersDrawer-module__w-psfW__clearBtn:hover{color:#ef4444;background:#2a1212}.SavedIdentifiersDrawer-module__w-psfW__clearBtn:disabled{opacity:.5;cursor:not-allowed}
.SpacingManager-module__WvWb0a__container{flex-direction:column;gap:24px;width:100%;max-width:100%;margin:64px auto;padding:0;display:flex}.SpacingManager-module__WvWb0a__header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.SpacingManager-module__WvWb0a__title{font-size:var(--font-size-heading3);color:var(--neutral-1000);margin-bottom:8px;font-weight:700}.SpacingManager-module__WvWb0a__desc{font-size:var(--font-size-body);color:var(--neutral-700);line-height:1.5}.SpacingManager-module__WvWb0a__actions{align-items:center;gap:12px;display:flex}.SpacingManager-module__WvWb0a__addBtn,.SpacingManager-module__WvWb0a__removeBtn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.SpacingManager-module__WvWb0a__addBtn{background:var(--neutral-1000);color:#fff}.SpacingManager-module__WvWb0a__addBtn:hover{background:var(--primary-color)}.SpacingManager-module__WvWb0a__removeBtn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.SpacingManager-module__WvWb0a__removeBtn:hover{background:#fee2e2}.SpacingManager-module__WvWb0a__previewWrapper{border:1px solid var(--neutral-800);background:var(--neutral-1000);border-radius:16px;overflow:hidden}.SpacingManager-module__WvWb0a__previewHeader{background:var(--neutral-900);border-bottom:1px solid var(--neutral-800);color:var(--neutral-100);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.SpacingManager-module__WvWb0a__filename{font-family:var(--font-code);font-size:var(--font-size-body);color:var(--neutral-500)}.SpacingManager-module__WvWb0a__copyBtn{color:var(--neutral-500);font-size:var(--font-size-label);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:0;transition:all .2s;display:flex}.SpacingManager-module__WvWb0a__copyBtn:hover{color:var(--neutral-300)}.SpacingManager-module__WvWb0a__codeContainer{min-height:0;max-height:900px;font-family:var(--font-code);font-size:var(--font-size-caption);background:var(--neutral-1000);color:var(--neutral-1000);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--neutral-800)var(--neutral-900);border-radius:16px;margin:0;padding:16px;line-height:1.8;overflow:hidden auto}.SpacingManager-module__WvWb0a__codeContainer::-webkit-scrollbar{width:8px}.SpacingManager-module__WvWb0a__codeContainer::-webkit-scrollbar-track{background:var(--neutral-900)}.SpacingManager-module__WvWb0a__codeContainer::-webkit-scrollbar-thumb{background-color:var(--neutral-800);border-radius:4px}.SpacingManager-module__WvWb0a__codeContainer::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-700)}.SpacingManager-module__WvWb0a__codeContainer pre{scrollbar-width:none;padding:0!important}.SpacingManager-module__WvWb0a__loader{text-align:center;color:#fff;padding:40px;font-family:monospace}.SpacingManager-module__WvWb0a__footer{color:var(--neutral-700);align-items:center;gap:8px;padding-top:8px;font-size:14px;display:flex}.SpacingManager-module__WvWb0a__statusActive{color:#16a34a;align-items:center;gap:6px;font-weight:600;display:flex}.SpacingManager-module__WvWb0a__statusInactive{color:var(--neutral-500);font-style:italic}@media (max-width:768px){.SpacingManager-module__WvWb0a__header{flex-direction:column;align-items:stretch}.SpacingManager-module__WvWb0a__addBtn,.SpacingManager-module__WvWb0a__removeBtn{justify-content:center;width:100%}}
.styles-module__nULcKa__section{width:100%}.styles-module__nULcKa__builder{flex-direction:column;gap:6px;display:flex}.styles-module__nULcKa__builderTitle{font-size:var(--font-size-heading3);font-weight:600}.styles-module__nULcKa__builderDescription{font-size:var(--font-size-body);color:var(--neutral-800);line-height:1.5}.styles-module__nULcKa__header{border-bottom:3px solid var(--neutral-100);justify-content:space-between;align-items:flex-start;margin-top:32px;margin-bottom:16px;padding-bottom:16px;display:flex}.styles-module__nULcKa__subHeader{align-items:center;gap:8px;display:flex}.styles-module__nULcKa__subHeader h3{font-size:var(--font-size-heading6);margin:0;font-weight:600}.styles-module__nULcKa__animationActions{align-items:center;gap:8px;display:flex}.styles-module__nULcKa__addBtn{background:var(--neutral-1000);color:#fff;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .15s;display:flex}.styles-module__nULcKa__addBtn:hover{background:var(--neutral-900)}.styles-module__nULcKa__addBtn:active{transform:scale(.98)}.styles-module__nULcKa__grid{gap:20px;display:grid}.styles-module__nULcKa__card{background:var(--neutral-0);border:2px solid var(--neutral-100);box-shadow:0 0 8px 2px var(--neutral-50);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex}.styles-module__nULcKa__cardHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.styles-module__nULcKa__firstRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.styles-module__nULcKa__animationControlRow{grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:start;gap:16px;display:grid}.styles-module__nULcKa__rangeRow{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.styles-module__nULcKa__nameInput{font-size:var(--font-size-body);color:var(--neutral-900);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;padding:8px 0;font-weight:600;transition:border-color .2s}.styles-module__nULcKa__nameInput:hover,.styles-module__nULcKa__nameInput:focus{border-bottom-color:var(--neutral-400)}.styles-module__nULcKa__deleteBtn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.styles-module__nULcKa__deleteBtn:hover{background:#fecaca}.styles-module__nULcKa__contentRow{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.styles-module__nULcKa__controls{flex-direction:column;gap:16px;display:flex}.styles-module__nULcKa__fieldGroup{flex-direction:column;gap:6px;display:flex}.styles-module__nULcKa__label{font-size:var(--font-size-tagline);text-transform:uppercase;color:var(--neutral-650);letter-spacing:.05em;font-weight:600}.styles-module__nULcKa__smallLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-600);font-size:10px;font-weight:600}.styles-module__nULcKa__select{border:1px solid var(--neutral-200);cursor:pointer;width:100%;color:var(--neutral-800);appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666a6f' viewBox='0 0 256 256'%3e%3cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3e%3c/path%3e%3c/svg%3e") right 8px center/16px no-repeat;border-radius:10px;padding:10px 32px 10px 14px;font-size:13px;font-weight:500;transition:all .15s}.styles-module__nULcKa__select:hover{border-color:var(--neutral-300);background-color:var(--neutral-100)}.styles-module__nULcKa__select:focus{border-color:var(--neutral-900);outline:none}.styles-module__nULcKa__selectSmall{border:1px solid var(--neutral-200);cursor:pointer;width:70px;color:var(--neutral-800);appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23666a6f' viewBox='0 0 256 256'%3e%3cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3e%3c/path%3e%3c/svg%3e") right 6px center/14px no-repeat;border-radius:8px;padding:8px 26px 8px 10px;font-size:12px;font-weight:500}.styles-module__nULcKa__input{border:1px solid var(--neutral-200);width:100%;color:var(--neutral-800);background:#fff;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:all .15s}.styles-module__nULcKa__input:hover{border-color:var(--neutral-300);background-color:var(--neutral-100)}.styles-module__nULcKa__input:focus{border-color:var(--neutral-900)}.styles-module__nULcKa__numberInput{border:1px solid var(--neutral-200);width:70px;color:var(--neutral-800);text-align:center;background:#fff;border-radius:8px;outline:none;padding:6px 10px;font-size:12px}.styles-module__nULcKa__rangeInput{align-items:center;gap:10px;display:flex}.styles-module__nULcKa__rangeInput input[type=range]{appearance:none;background:var(--neutral-300);cursor:pointer;border-radius:3px;outline:none;flex:1;width:100%;height:6px}.styles-module__nULcKa__rangeInput input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.styles-module__nULcKa__rangeInput input[type=range]::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.styles-module__nULcKa__rangeInput input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.styles-module__nULcKa__rangeInput input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.styles-module__nULcKa__rangeInput input[type=range]{appearance:none;background:var(--neutral-150);cursor:pointer;border-radius:999px;height:6px}.styles-module__nULcKa__rangeInput input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0f172a33}.styles-module__nULcKa__rangeInput input[type=range]::-moz-range-thumb{background:var(--neutral-900);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0f172a33}.styles-module__nULcKa__unitLabel{color:var(--neutral-600);padding:0 8px;font-size:12px;font-weight:500}.styles-module__nULcKa__frameBuilder{border-top:1px solid var(--neutral-200);flex-direction:column;gap:12px;padding-top:16px;display:flex}.styles-module__nULcKa__frameHeaderRow{justify-content:space-between;align-items:center;display:flex}.styles-module__nULcKa__frameList{grid-template-columns:1fr;gap:16px;display:grid}.styles-module__nULcKa__frameCard{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;overflow:hidden}.styles-module__nULcKa__frameCardHeader{cursor:pointer;background:var(--neutral-100);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.styles-module__nULcKa__frameCardHeader:hover{background:var(--neutral-50)}.styles-module__nULcKa__frameTitle{align-items:center;gap:10px;display:flex}.styles-module__nULcKa__frameTitle strong{color:var(--neutral-900);font-size:13px}.styles-module__nULcKa__framePosition{color:var(--neutral-600);background:var(--neutral-100);border-radius:4px;padding:2px 8px;font-size:12px}.styles-module__nULcKa__frameActions{align-items:center;gap:6px;display:flex}.styles-module__nULcKa__frameContent{border-top:1px solid var(--neutral-100);background:var(--neutral-0);flex-direction:column;gap:12px;padding:14px;display:flex}.styles-module__nULcKa__transformSection{flex-direction:column;gap:8px;display:flex}.styles-module__nULcKa__transformHeader{justify-content:space-between;align-items:center;display:flex}.styles-module__nULcKa__transformRow{grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;display:grid}.styles-module__nULcKa__emptyTransforms{color:var(--neutral-500);text-align:center;margin:0;padding:12px;font-size:12px}.styles-module__nULcKa__ghostBtn{border:1px solid var(--neutral-200);cursor:pointer;color:var(--neutral-700);background:#fff;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.styles-module__nULcKa__ghostBtn:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.styles-module__nULcKa__iconGhostBtn{width:32px;height:32px;color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.styles-module__nULcKa__iconGhostBtn:hover{background:var(--neutral-100);color:var(--neutral-900)}.styles-module__nULcKa__iconGhostBtn:disabled{opacity:.3;cursor:not-allowed}.styles-module__nULcKa__showKeyframesBtn{border:1px solid var(--neutral-200);cursor:pointer;color:var(--neutral-700);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.styles-module__nULcKa__showKeyframesBtn:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.styles-module__nULcKa__keyframePreview{border:1px solid var(--neutral-200);white-space:pre-wrap;max-height:300px;color:var(--neutral-800);background:#f8fafc;border-radius:12px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;line-height:1.6;overflow-y:auto}.styles-module__nULcKa__previewArea{background-color:var(--neutral-0);border:1px solid var(--neutral-100);border-radius:24px;justify-content:center;align-items:center;height:100%;min-height:280px;max-height:470px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px 4px #0000000d}.styles-module__nULcKa__previewObject{background:linear-gradient(135deg,#0ea5e9,#9333ea);border-radius:16px;width:100px;height:100px}.styles-module__nULcKa__copyBtn{border:1px solid var(--neutral-250);cursor:pointer;color:var(--neutral-900);background:#fff;border-radius:100px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.styles-module__nULcKa__copyBtn:hover:not(:disabled){background:var(--neutral-50);border-color:var(--neutral-300)}.styles-module__nULcKa__copyBtn:disabled{opacity:.5;cursor:not-allowed}.styles-module__nULcKa__empty{color:var(--neutral-600);font-size:var(--font-size-body);padding:0 0 16px}.styles-module__nULcKa__empty p{margin:0}@media (max-width:768px){.styles-module__nULcKa__contentRow{grid-template-columns:1fr}.styles-module__nULcKa__previewArea{min-height:200px}.styles-module__nULcKa__row2{grid-template-columns:1fr}}
.page-module__BB_UNW__page{background:var(--neutral-0);min-height:100vh}.page-module__BB_UNW__pageTitle{font-size:var(--font-size-heading1);margin:0 0 8px;font-weight:700}.page-module__BB_UNW__controls{justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 16px;display:flex}.page-module__BB_UNW__toggleSection{gap:36px;margin:8px 0 24px;display:flex}.page-module__BB_UNW__main{max-width:100%;margin:0 auto;padding:40px 64px 64px}.page-module__BB_UNW__switchLabel{cursor:pointer;font-size:var(--font-size-caption);align-items:center;gap:12px;font-weight:500;display:flex}.page-module__BB_UNW__toggleSection,.page-module__BB_UNW__snippetToggle,.page-module__BB_UNW__endpointToggles{gap:36px;display:flex}.page-module__BB_UNW__endpointToggle{cursor:pointer;font-size:var(--font-size-caption);color:var(--neutral-600);align-items:center;gap:6px;font-weight:500;display:flex}.page-module__BB_UNW__switch{cursor:pointer;display:inline-flex;position:relative}.page-module__BB_UNW__toggleInput,.page-module__BB_UNW__switch input[type=checkbox]{opacity:0;position:absolute}.page-module__BB_UNW__toggleTrack{background:var(--neutral-200);border-radius:999px;width:40px;height:22px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.page-module__BB_UNW__offIcon,.page-module__BB_UNW__onIcon{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s linear;position:absolute;top:1px;left:1px}.page-module__BB_UNW__offIcon{color:var(--neutral-600);opacity:1;transform:translate(0)}.page-module__BB_UNW__onIcon{color:var(--neutral-0);opacity:0;transform:translate(-18px)}.page-module__BB_UNW__toggleInput:checked+.page-module__BB_UNW__toggleTrack{background:var(--primary-color)}.page-module__BB_UNW__toggleInput:checked+.page-module__BB_UNW__toggleTrack .page-module__BB_UNW__offIcon{opacity:0;transform:translate(18px)}.page-module__BB_UNW__toggleInput:checked+.page-module__BB_UNW__toggleTrack .page-module__BB_UNW__onIcon{opacity:1;color:var(--primary-light);transform:translate(18px)}.page-module__BB_UNW__addPaletteBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.page-module__BB_UNW__addPaletteBtn:hover{background:var(--primary-color)}.page-module__BB_UNW__content{flex-direction:column;gap:32px;display:flex}.page-module__BB_UNW__paletteSection{background:var(--neutral-0);border:2px solid var(--neutral-100);box-shadow:0 0 8px 2px var(--neutral-50);border-radius:24px;padding:24px;position:relative}.page-module__BB_UNW__paletteGrid{grid-template-columns:360px 1fr;gap:48px;display:grid}.page-module__BB_UNW__sidebar{flex-direction:column;gap:32px;display:flex}.page-module__BB_UNW__paletteContent{flex-direction:column;gap:32px;min-width:0;display:flex}@media (max-width:1024px){.page-module__BB_UNW__paletteGrid{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.page-module__BB_UNW__main,.page-module__BB_UNW__paletteSection{padding:16px}.page-module__BB_UNW__content{gap:16px}.page-module__BB_UNW__controls{flex-direction:column;justify-content:flex-start;align-items:flex-start}.page-module__BB_UNW__pageTitle{font-size:var(--font-size-heading5);margin:0;font-weight:700}.page-module__BB_UNW__toggleSection{gap:36px;margin:0;display:flex}.page-module__BB_UNW__sidebar{flex-direction:row}}@media (max-width:540px){.page-module__BB_UNW__sidebar{flex-direction:column}}
.page-module__pUnQOq__page{flex-direction:column;min-height:100vh;display:flex}.page-module__pUnQOq__main{flex-direction:column;flex:1;width:100%;max-width:100%;height:calc(100vh - 80px);margin:0 auto;padding:16px 64px 64px;display:flex}.page-module__pUnQOq__topBar{flex-shrink:0;justify-content:space-between;align-items:center;margin:36px 64px 8px;display:flex}.page-module__pUnQOq__pageTitle{font-size:var(--font-size-heading1);align-items:center;gap:12px;margin:0;font-weight:700;display:flex}.page-module__pUnQOq__workspace{flex:1;grid-template-columns:360px 1fr;gap:40px;display:grid}.page-module__pUnQOq__previewArea{background:var(--neutral-0);border:1px solid var(--neutral-250);box-shadow:0 0 8px 4px var(--neutral-150);border-radius:8px;justify-content:center;align-items:flex-start;max-height:fit-content;padding:8px;display:flex;position:relative;overflow:hidden}.page-module__pUnQOq__canvasWrapper{background:var(--neutral-0);width:auto;height:auto;overflow:hidden}.page-module__pUnQOq__canvas{object-fit:contain;width:100%;height:100%;display:block}.page-module__pUnQOq__sidebar{flex-direction:column;height:100%;display:flex;overflow:visible}.page-module__pUnQOq__sidebarContent{--webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:24px;display:flex}.page-module__pUnQOq__section{flex-direction:column;gap:24px;display:flex}.page-module__pUnQOq__sectionHeader{justify-content:space-between;align-items:center;display:flex}.page-module__pUnQOq__sectionTitle{text-transform:uppercase;letter-spacing:.08em;color:#737373;margin:0;font-size:11px;font-weight:700}.page-module__pUnQOq__gradientEditor{flex-direction:column;gap:20px;display:flex}.page-module__pUnQOq__gradientBarWrapper{flex-direction:column;gap:8px;display:flex;overflow:visible}.page-module__pUnQOq__gradientBarContainer{cursor:crosshair;background:#fff;border-radius:100px;width:100%;height:40px;transition:border-color .2s;position:relative;overflow:visible}.page-module__pUnQOq__gradientBar{pointer-events:none;border-radius:18px;position:absolute;inset:0}.page-module__pUnQOq__barHint{color:#a3a3a3;text-align:center;font-size:11px}.page-module__pUnQOq__stopHandle{cursor:grab;pointer-events:auto;z-index:10;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .12s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000014,0 2px 6px #0000001f}.page-module__pUnQOq__stopHandle:hover{z-index:20;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 0 1px #00000014,0 4px 10px #0000002e}.page-module__pUnQOq__stopHandle.page-module__pUnQOq__selected{z-index:21;border-width:3px;transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 0 2px #3b82f6,0 4px 12px #3b82f64d}.page-module__pUnQOq__stopHandle:active{cursor:grabbing}.page-module__pUnQOq__stopsList{flex-direction:column;gap:16px;display:flex}.page-module__pUnQOq__stopItem{background:var(--neutral-0);cursor:pointer;grid-template-columns:auto 200px auto;align-items:center;gap:12px;width:100%;padding:0;transition:all .15s;display:grid}.page-module__pUnQOq__stopItem.page-module__pUnQOq__active{border-color:var(--primary-color);background:var(--primary-0)}.page-module__pUnQOq__stopColor{border:1px solid var(--neutral-100);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:40px;padding:0}.page-module__pUnQOq__stopColor::-webkit-color-swatch-wrapper{padding:4px}.page-module__pUnQOq__stopColor::-webkit-color-swatch{border:none;border-radius:4px}.page-module__pUnQOq__stopActions{align-items:center;gap:8px;width:100%;margin-left:12px;display:flex}.page-module__pUnQOq__stopInfo{flex-direction:column;gap:4px;width:100%;display:flex}.page-module__pUnQOq__stopHex{font-family:var(--font-code);font-size:var(--font-size-caption);letter-spacing:.5px;color:var(--neutral-1000);background:0 0;background-color:var(--neutral-0);border:1px solid #0000;border:2px solid var(--neutral-0);border-radius:8px;padding:4px 8px;font-weight:500;transition:all .15s}.page-module__pUnQOq__stopHex:hover,.page-module__pUnQOq__stopHex:focus{border-color:var(--primary-color);background-color:var(--neutral-0);outline:none}.page-module__pUnQOq__sliderGroup{align-items:center;gap:8px;display:flex}.page-module__pUnQOq__positionSlider{background:var(--neutral-150);appearance:none;cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.page-module__pUnQOq__positionSlider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.page-module__pUnQOq__positionSlider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.page-module__pUnQOq__positionSlider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.page-module__pUnQOq__positionSlider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.page-module__pUnQOq__positionValue{color:#525252;font-size:12px;font-weight:600;font-family:var(--font-code);text-align:right;min-width:36px}.page-module__pUnQOq__switchLabel{cursor:pointer;font-size:var(--font-size-caption);align-items:center;gap:8px;font-weight:500;display:flex}.page-module__pUnQOq__switch{cursor:pointer;display:inline-flex;position:relative}.page-module__pUnQOq__toggleInput{opacity:0;position:absolute}.page-module__pUnQOq__toggleTrack{background:var(--neutral-200);border-radius:999px;width:40px;height:22px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.page-module__pUnQOq__offIcon,.page-module__pUnQOq__onIcon{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s linear;position:absolute;top:1px;left:1px}.page-module__pUnQOq__offIcon{color:var(--neutral-600);opacity:1;transform:translate(0)}.page-module__pUnQOq__onIcon{color:var(--neutral-0);opacity:0;transform:translate(-18px)}.page-module__pUnQOq__toggleInput:checked+.page-module__pUnQOq__toggleTrack{background:var(--primary-color)}.page-module__pUnQOq__toggleInput:checked+.page-module__pUnQOq__toggleTrack .page-module__pUnQOq__offIcon{opacity:0;transform:translate(18px)}.page-module__pUnQOq__toggleInput:checked+.page-module__pUnQOq__toggleTrack .page-module__pUnQOq__onIcon{opacity:1;color:var(--primary-light);transform:translate(18px)}.page-module__pUnQOq__controlsGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.page-module__pUnQOq__controlGroup{flex-direction:column;gap:8px;display:flex}.page-module__pUnQOq__labelRow{justify-content:space-between;align-items:center;display:flex}.page-module__pUnQOq__label{color:#525252;font-size:13px;font-weight:600}.page-module__pUnQOq__value{color:#171717;font-size:13px;font-weight:600;font-family:var(--font-code)}.page-module__pUnQOq__select{border:2px solid var(--neutral-200);width:100%;font-size:var(--font-size-caption);color:var(--neutral-1000);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666a6f' viewBox='0 0 256 256'%3e%3cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3e%3c/path%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;outline:none;padding:12px 32px 12px 16px;transition:all .2s ease-in-out}.page-module__pUnQOq__select:hover{border-color:var(--neutral-300);background-color:var(--neutral-100)}.page-module__pUnQOq__select:focus{border-color:var(--primary-color);outline:none}.page-module__pUnQOq__slider{background:var(--neutral-150);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.page-module__pUnQOq__slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.page-module__pUnQOq__slider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:3px solid var(--neutral-0);border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #0003}.page-module__pUnQOq__slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.page-module__pUnQOq__slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.page-module__pUnQOq__actionRow{gap:10px;display:flex}.page-module__pUnQOq__btnPrimary,.page-module__pUnQOq__btnSecondary{font-weight:600;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;transition:all .15s;display:flex}.page-module__pUnQOq__btnPrimary{background:var(--neutral-1000);color:var(--neutral-0)}.page-module__pUnQOq__btnPrimary:hover{background:var(--primary-color)}.page-module__pUnQOq__btnPrimary:active{transform:scale(.98)}.page-module__pUnQOq__btnSecondary{background:var(--neutral-0);color:var(--neutral-1000);border:1px solid var(--neutral-200)}.page-module__pUnQOq__btnSecondary:hover{background:var(--neutral-100);border-color:var(--neutral-200)}.page-module__pUnQOq__btnSecondary:active{transform:scale(.98)}.page-module__pUnQOq__iconBtn{background:var(--neutral-0);color:var(--neutral-1000);border:1px solid var(--neutral-100);border-radius:100px;justify-content:center;align-items:center;gap:8px;width:36px;height:36px;transition:all .2s;display:flex}.page-module__pUnQOq__iconBtn:hover{background:var(--neutral-100);transform:scale(1.05)}.page-module__pUnQOq__iconBtnDanger{color:#dc2626;background:#fee2e2;border:1px solid #fee2e2;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:36px;height:36px;transition:all .2s;display:flex}.page-module__pUnQOq__iconBtnDanger:hover{background:#fecaca;transform:scale(1.05)}.page-module__pUnQOq__iconBtnDanger:disabled{opacity:.3;cursor:not-allowed}.page-module__pUnQOq__downloadGrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.page-module__pUnQOq__downloadBtn{background:var(--neutral-0);border:1px solid var(--neutral-150);font-size:var(--font-size-caption);letter-spacing:.03em;cursor:pointer;color:var(--neutral-1000);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-weight:600;transition:all .15s;display:flex}.page-module__pUnQOq__downloadBtn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light-hover)}.page-module__pUnQOq__downloadBtn:active{transform:translateY(0)}.page-module__pUnQOq__presetsGrid{grid-template-columns:repeat(3,1fr);gap:10px;max-height:450px;display:grid;overflow-y:auto}.page-module__pUnQOq__presetBtn{aspect-ratio:1.4;cursor:pointer;border:1px solid #e5e5e5;border-radius:8px;transition:all .15s}.page-module__pUnQOq__presetBtn:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-module__pUnQOq__presetBtn:active{transform:translateY(0)}.page-module__pUnQOq__sidebar::-webkit-scrollbar{width:8px}.page-module__pUnQOq__stopsList::-webkit-scrollbar{width:8px}.page-module__pUnQOq__sidebar::-webkit-scrollbar-track{background:0 0}.page-module__pUnQOq__stopsList::-webkit-scrollbar-track{background:0 0}.page-module__pUnQOq__sidebar::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.page-module__pUnQOq__stopsList::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.page-module__pUnQOq__sidebar::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.page-module__pUnQOq__stopsList::-webkit-scrollbar-thumb:hover{background:#a3a3a3}@media (max-width:1024px){.page-module__pUnQOq__topBar{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;margin:16px;display:flex}.page-module__pUnQOq__pageTitle{font-size:var(--font-size-heading5)}.page-module__pUnQOq__workspace{flex-direction:column-reverse;gap:16px;display:flex}.page-module__pUnQOq__main{flex-direction:column;flex:1;width:100%;max-width:100%;height:calc(100vh - 80px);margin:0 auto;padding:0 16px 16px;display:flex}}
.page-module__ef3pLa__page{background:var(--neutral-0);min-height:100vh}.page-module__ef3pLa__pageTitle{font-size:var(--font-size-heading1);margin:36px 64px 8px;font-weight:700}.page-module__ef3pLa__container{flex-direction:column;gap:24px;margin:0 auto;padding:0 64px 64px;display:flex}.page-module__ef3pLa__fullWidth{grid-column:1/-1}.page-module__ef3pLa__section{width:100%;max-height:550px;padding-right:16px;overflow-y:auto}.page-module__ef3pLa__sectionRow{grid-template-columns:1.4fr 1.4fr 2.5fr;gap:24px;width:100%;display:grid}.page-module__ef3pLa__sectionHeader{background-color:var(--neutral-0);z-index:10;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px;display:flex;position:sticky;top:0}.page-module__ef3pLa__sectionHeader h2{font-size:var(--font-size-heading6);margin:0;font-weight:600}.page-module__ef3pLa__subHeader{align-items:center;gap:8px;display:flex}.page-module__ef3pLa__subHeader h3{font-size:var(--font-size-heading6);margin:0;font-weight:600}.page-module__ef3pLa__actions{align-items:center;gap:8px;display:flex}.page-module__ef3pLa__iconBtn{background:var(--neutral-150);cursor:pointer;width:32px;height:32px;color:var(--neutral-1000);border:none;border-radius:100px;justify-content:center;align-items:center;transition:all .15s;display:flex}.page-module__ef3pLa__iconBtn:hover{background:var(--neutral-250);color:var(--neutral-1000)}.page-module__ef3pLa__addBtn{background:var(--neutral-1000);color:#fff;font-size:var(--font-size-caption);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:6px;padding:7px 16px;font-weight:500;transition:all .15s;display:flex}.page-module__ef3pLa__addBtn:hover{background:var(--neutral-900)}.page-module__ef3pLa__addBtn:active{transform:scale(.98)}.page-module__ef3pLa__cardGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.page-module__ef3pLa__export{background:var(--neutral-0);border:2px solid var(--neutral-100);box-shadow:0 0 8px 2px var(--neutral-50);border-radius:24px;padding:24px}.page-module__ef3pLa__exportHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-module__ef3pLa__exportHeader h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.page-module__ef3pLa__formatSelector{background:#f8fafc;border-radius:10px;gap:4px;padding:4px;display:flex}.page-module__ef3pLa__formatBtn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.page-module__ef3pLa__formatBtn:hover{color:#475569;background:#f1f5f9}.page-module__ef3pLa__formatBtn.page-module__ef3pLa__active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.page-module__ef3pLa__codeBlock{color:#e2e8f0;background:#0f172a;border-radius:14px;max-height:300px;margin-bottom:16px;padding:20px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.page-module__ef3pLa__codeBlock::-webkit-scrollbar{width:8px;height:8px}.page-module__ef3pLa__codeBlock::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.page-module__ef3pLa__codeBlock::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.page-module__ef3pLa__codeBlock::-webkit-scrollbar-thumb:hover{background:#fff3}.page-module__ef3pLa__exportActions{gap:12px;display:flex}.page-module__ef3pLa__actionBtn{color:#475569;cursor:pointer;background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.page-module__ef3pLa__actionBtn:hover{background:#f1f5f9;border-color:#cbd5e1}.page-module__ef3pLa__builder{border-bottom:3px solid var(--neutral-100);flex-direction:column;gap:6px;margin-bottom:16px;padding-bottom:16px;display:flex}.page-module__ef3pLa__builderTitle{font-size:var(--font-size-heading3);font-weight:600}.page-module__ef3pLa__builderDescription{font-size:var(--font-size-body);color:var(--neutral-800);line-height:1.5}@media (max-width:1280px){.page-module__ef3pLa__container{grid-template-columns:1fr}}.page-module__ef3pLa__desktopContent{display:block}.page-module__ef3pLa__mobileWarning{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:60vh;padding:32px;display:none}.page-module__ef3pLa__warningIcon{color:var(--neutral-400)}.page-module__ef3pLa__warningText{font-size:var(--font-size-heading5,20px);color:var(--neutral-700);max-width:400px;font-weight:500;line-height:1.5}@media (max-width:1279px){.page-module__ef3pLa__desktopContent{display:none}.page-module__ef3pLa__mobileWarning{display:flex}}
.page-module__ScuFEG__page{background:var(--neutral-0);min-height:100vh}.page-module__ScuFEG__main{max-width:100%;margin:0 auto;padding:40px 64px 64px}.page-module__ScuFEG__scrollNav{z-index:100;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:16px;right:16px}.page-module__ScuFEG__scrollBtn{background:var(--neutral-800);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000026}.page-module__ScuFEG__scrollBtn:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.page-module__ScuFEG__scrollBtn:active{transform:translateY(0)}.page-module__ScuFEG__scrollIcon{font-size:18px;font-weight:600}@media (max-width:768px){.page-module__ScuFEG__main{padding:16px}.page-module__ScuFEG__scrollNav{gap:8px;bottom:16px;right:16px}.page-module__ScuFEG__scrollBtn{width:40px;height:40px}.page-module__ScuFEG__scrollIcon{font-size:16px}}.page-module__ScuFEG__desktopContent{display:block}.page-module__ScuFEG__mobileWarning{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:60vh;padding:32px;display:none}.page-module__ScuFEG__warningIcon{color:var(--neutral-400)}.page-module__ScuFEG__warningText{font-size:var(--font-size-heading5,20px);color:var(--neutral-700);max-width:400px;font-weight:500;line-height:1.5}@media (max-width:1279px){.page-module__ScuFEG__desktopContent{display:none}.page-module__ScuFEG__mobileWarning{display:flex}}