@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer base{:root,:host{--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d9b3ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-black:#000;--color-white:#fff;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}@supports (color:lab(0% 0 0)){:root,:host{--color-purple-50:lab(97.1627% 2.99937 -4.13398);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-200:lab(87.8405% 13.4282 -18.7159);--color-purple-300:lab(78.3298% 26.2195 -34.9499);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138)}}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.w-max{width:max-content}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.overflow-hidden{overflow:hidden}.whitespace-pre{white-space:pre}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:ABC Diatype;font-weight:400;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/yaolivs/font-diatype@main/ABCDiatype-Regular.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/yaolivs/font-diatype@main/ABCDiatype-Regular.woff)format("woff")}@font-face{font-family:ABC Diatype;font-weight:500;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/yaolivs/font-diatype@main/ABCDiatype-Medium.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/yaolivs/font-diatype@main/ABCDiatype-Medium.woff)format("woff")}@font-face{font-family:Suisse Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Suisse_Mono.ttf)format("truetype")}:root{--color-black:#18181b;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f0f0f0;--color-gray-200:#afafaf;--color-gray-300:#6f6f6f;--color-green-50:#f8ffe5;--color-green-100:#f2ffcc;--color-green-200:#e5ff9a;--color-green-300:#647f16;--color-yellow-50:#fffadb;--color-yellow-100:#fff5bd;--color-yellow-200:#fff296;--color-yellow-300:#aa5d00;--color-pink-50:#fff2fb;--color-pink-100:#ffdbf4;--color-pink-200:#ffbaea;--color-pink-300:#b50cad;--color-purple-50:#f4efff;--color-purple-100:#e6dbff;--color-purple-200:#cbb3ff;--color-purple-300:#5200ce;--color-blue-50:#e7f7ff;--color-blue-100:#d1efff;--color-blue-200:#9fdeff;--color-blue-300:#2731cd;--font-primary:"ABC Diatype",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--margin-mobile:24px;--margin-desktop:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-white);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page-content{padding-top:80px}.nav-pill{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--color-gray-100);background-color:#fffc;border-radius:100px;align-items:center;gap:16px;padding:6px;animation:.7s cubic-bezier(.22,1,.36,1) both nav-pill-enter;display:inline-flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #0000000a}.nav-links{align-items:center;gap:4px;display:flex}.btn-nav{font-family:var(--font-primary);letter-spacing:-.01em;color:var(--color-black);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:40px;align-items:center;padding:10px 12px;font-size:.875rem;font-weight:400;line-height:1.1;transition:background-color .15s;display:inline-flex}.btn-nav--active{background-color:#afafaf4d}.btn-nav:not(.btn-nav--active):hover{background-color:var(--color-gray-100)}.chat-hero{padding:0 var(--margin-mobile);flex-direction:column;justify-content:center;min-height:50vh;display:flex}.chat-layout{align-items:flex-end;gap:12px;display:flex}.chat-avatar-col{flex-shrink:0}.chat-avatar{border-radius:50%;flex-shrink:0;width:35px;height:35px;overflow:hidden}.chat-avatar img{object-fit:cover;object-position:center;width:100%;height:100%}.chat-messages{flex-direction:column;gap:8px;max-width:580px;display:flex}.chat-title{color:var(--color-black);margin-bottom:8px;font-size:.875rem;font-weight:500;line-height:1.2}.chat-bubble{background-color:var(--color-gray-100);border-radius:8px 8px 8px 0;width:fit-content;max-width:100%;padding:16px}.chat-bubble p{letter-spacing:-.01em;color:var(--color-black);font-size:1rem;font-weight:400;line-height:1.24}.chat-link{color:var(--color-black);text-underline-offset:2px;text-decoration:underline}.chat-link:hover{color:var(--color-gray-300)}.chat-bubble--in{animation:.4s ease-out both bubble-in}@keyframes bubble-in{0%{opacity:0}to{opacity:1}}.chat-typing--out{animation:.25s ease-in forwards typing-out}@keyframes typing-out{0%{opacity:1}to{opacity:0}}.chat-typing{background-color:var(--color-gray-100);border-radius:8px 8px 8px 0;align-items:center;gap:4px;width:fit-content;margin-top:8px;padding:14px 18px;display:inline-flex}.chat-typing .dot{background-color:var(--color-gray-200);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typing-pulse}.chat-typing .dot:nth-child(2){animation-delay:.2s}.chat-typing .dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,60%,to{opacity:.3;transform:scale(.85)}30%{opacity:1;transform:scale(1)}}.chat-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.chip{font-family:var(--font-primary);letter-spacing:-.01em;color:var(--color-purple-300);background-color:var(--color-purple-50);cursor:pointer;white-space:nowrap;border:none;border-radius:40px;align-items:center;padding:10px 16px;font-size:.875rem;font-weight:400;line-height:1.1;transition:background-color .15s;display:inline-flex}.chip:hover{background-color:var(--color-purple-100)}.chip-icon{color:inherit;opacity:0;align-items:center;width:0;margin-right:0;transition:opacity .2s,width .2s,margin-right .2s;display:flex;overflow:hidden}.chip:hover .chip-icon,.chip-icon--visible{opacity:1;width:16px;margin-right:6px}.chip--copied{background-color:var(--color-purple-100)}.email-chip-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.carousel-section{padding-top:80px;animation:.7s cubic-bezier(.22,1,.36,1) .3s both page-enter}@keyframes nav-pill-enter{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes page-enter{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.carousel-slider{padding-top:8px}.carousel-card{text-align:left;width:calc(83.3333vw - 40px);color:inherit;-webkit-user-select:none;user-select:none;cursor:default;background:0 0;border:none;flex-direction:column;flex-shrink:0;padding:0;text-decoration:none;display:flex}.carousel-image{aspect-ratio:4/3;background-color:var(--color-gray-100);border-radius:12px;width:100%;position:relative;overflow:hidden}.carousel-image img{object-fit:cover;object-position:center;width:100%;height:100%}.carousel-image-inner{position:absolute;inset:0}.modal-overlay{z-index:200;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-white);border-radius:24px;flex-direction:column;width:100%;height:calc(100dvh - 24px);display:flex;position:relative;overflow:hidden}.modal-header{flex-shrink:0;justify-content:flex-end;padding:20px 24px 0;display:flex}.modal-close{cursor:pointer;width:36px;height:36px;color:var(--color-black);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.modal-close:hover{background-color:var(--color-gray-100)}.modal-body{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.modal-content{flex-direction:column;gap:40px;max-width:748px;margin:0 auto;padding:32px 24px 100px;display:flex}.modal-title-block{flex-direction:column;gap:8px;display:flex}.modal-title{letter-spacing:-.02em;color:var(--color-black);margin:0;font-size:2rem;font-weight:500;line-height:1.15}.modal-subtitle{color:var(--color-gray-200);margin:0;font-size:1rem;font-weight:400;line-height:1.5}.modal-image{aspect-ratio:16/9;background-color:var(--color-gray-100);border-radius:8px;width:100%;position:relative;overflow:hidden}.modal-text-block{flex-direction:column;gap:16px;display:flex}.modal-section-title{color:var(--color-black);margin:0;font-size:1.125rem;font-weight:500}.modal-paragraph{color:var(--color-gray-300);margin:0;font-size:1rem;font-weight:400;line-height:1.7}.arrow-btn{background-color:var(--color-purple-50);z-index:100;width:32px;height:32px;color:var(--color-purple-300);opacity:0;pointer-events:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .3s,background-color .15s;display:flex;position:fixed;bottom:40px;right:40px}.arrow-btn--visible{opacity:1;pointer-events:auto}.arrow-btn:hover{background-color:var(--color-purple-100)}.arrow-btn>div{width:16px;height:16px;line-height:0;display:flex}.notas-page{justify-content:center;display:flex}.notas-layout{width:100%;max-width:926px;padding:0 var(--margin-mobile);gap:80px;display:flex}.notas-sidebar{flex-direction:column;flex-shrink:0;gap:4px;max-width:146px;display:flex}.notas-sidebar-title{font-family:var(--font-primary);color:var(--color-black);margin:0;font-size:1rem;font-weight:400}.notas-sidebar-subtitle{font-family:var(--font-primary);color:var(--color-gray-300);margin:0;font-size:.875rem;line-height:1.4}.notas-list{flex-direction:column;gap:40px;width:100%;max-width:700px;margin:0;padding:0;list-style:none;display:flex}.note-item{color:inherit;text-decoration:none;display:block}.note-item-icon{color:var(--color-purple-200);opacity:0;flex-shrink:0;align-items:center;width:0;display:inline-flex;overflow:hidden}.note-item-body{flex-direction:column;gap:8px;width:100%;display:flex}.note-item-header{align-items:center;width:100%;display:flex}.note-item-title{font-family:var(--font-primary);color:var(--color-black);white-space:nowrap;flex-shrink:0;margin-right:12px;font-size:1rem;font-weight:400}.note-item-line{background-color:var(--color-gray-100);flex:1;height:1px}.note-item-date{font-family:var(--font-primary);color:var(--color-gray-300);white-space:nowrap;flex-shrink:0;margin-left:12px;font-size:.875rem}.note-item-preview{font-family:var(--font-primary);color:var(--color-gray-300);margin:0;font-size:.875rem;line-height:1.5}.site-footer{background-color:var(--color-gray-50);margin-top:80px;animation:.7s cubic-bezier(.22,1,.36,1) .5s both page-enter}.footer-inner{flex-direction:column;align-items:center;gap:24px;padding-top:72px;padding-bottom:40px;display:flex}.footer-quote{color:var(--color-gray-300);text-align:center;text-transform:uppercase;font-family:Suisse Mono,monospace;font-size:12px;line-height:124%}.footer-links{align-items:center;gap:8px;display:flex}.footer-link{color:var(--color-black);font-family:Suisse Mono,monospace;font-size:12px;line-height:124%;text-decoration:underline;transition:color .15s}.footer-link:hover{color:var(--color-purple-200)}.footer-dot{color:var(--color-black);font-family:Suisse Mono,monospace;font-size:12px;line-height:124%}@media (min-width:768px){.carousel-card{width:calc(55.5556vw - 26.6667px)}}@media (min-width:1024px){.page-content{padding-top:80px}.nav-links{gap:8px}.chat-hero{padding:0 var(--margin-desktop)}.carousel-section{padding-top:80px}.carousel-card{width:calc(40vw - 35.2px)}}@media (min-width:1440px){.chat-hero{max-width:1440px;margin:0 auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.dialkit-root{--dial-surface:#ffffff0d;--dial-surface-hover:#ffffff1a;--dial-surface-active:#ffffff1c;--dial-text-root:#fff;--dial-text-section:#ffffffb3;--dial-text-label:#ffffffb3;--dial-text-primary:#fffffff2;--dial-text-secondary:#fff9;--dial-text-tertiary:#fff6;--dial-border:#ffffff1a;--dial-border-hover:#ffffff26;--dial-glass-bg:#212121;--dial-backdrop-blur:20px;--dial-radius:8px;--dial-row-height:36px;--dial-shadow:0 8px 32px #00000080;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,SF Pro Display,sans-serif}.dialkit-panel{z-index:9999;max-height:calc(100vh - 32px);position:fixed;overflow:visible}.dialkit-panel-inner{background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transform-origin:100% 0;border-radius:14px;max-height:calc(100vh - 80px);padding:10px 12px 12px;overflow-y:auto;transform:translateZ(0)}.dialkit-panel-inner[data-collapsed=true]{border-radius:50%;padding:12px}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:8px}.dialkit-folder:last-child:not(.dialkit-folder-root){margin-bottom:0;padding-bottom:0}.dialkit-folder-root{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-header{border-bottom:1px solid #ffffff0f;margin-bottom:12px;padding-bottom:6px}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}.dialkit-folder-title{color:var(--dial-text-section);letter-spacing:-.01em;font-size:13px;font-weight:600;transition:color .15s;transform:translateY(-.5px)}.dialkit-folder-title-root{color:var(--dial-text-root);font-size:15px;font-weight:600;transform:translateZ(0)}.dialkit-folder-title-row{white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.dialkit-folder-copy{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{box-sizing:border-box;width:20px;height:20px;color:var(--dial-text-label);opacity:.6;flex-shrink:0;padding:2px}.dialkit-panel-icon{color:#fff;z-index:1;width:16px;height:16px;position:absolute;top:12px;right:12px}.dialkit-folder-content{will-change:transform}.dialkit-folder-inner{flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){border-top:none;margin-top:-10px}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{height:100%;padding:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-slider-wrapper{height:var(--dial-row-height);position:relative}.dialkit-slider{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dialkit-slider-hashmarks{pointer-events:none;position:absolute;inset:0}.dialkit-slider-hashmark{background:#fff0;border-radius:999px;width:1px;height:8px;transition:background .2s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.dialkit-slider-active .dialkit-slider-hashmark{background:#ffffff26}.dialkit-slider-active .dialkit-slider-value{color:#fff}.dialkit-slider-fill{pointer-events:none;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.dialkit-slider-handle{pointer-events:none;border-radius:999px;width:3px;height:20px;position:absolute;top:50%}.dialkit-slider-label{color:var(--dial-text-label);pointer-events:none;font-size:13px;font-weight:500;transition:color .15s;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.dialkit-slider-value{color:var(--dial-text-label);pointer-events:auto;border-bottom:1px solid #0000;padding-bottom:1px;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:50%;right:10px;transform:translateY(calc(.5px - 50%))}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{width:4ch;min-width:3ch;max-width:6ch;color:var(--dial-text-label);border:none;border-bottom:1px solid var(--dial-text-label);text-align:right;background:0 0;outline:none;padding:0 0 1px;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:13px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dialkit-slider-input:focus{color:#fff}.dialkit-segmented{border-radius:var(--dial-radius);background:0 0;padding:2px;display:flex;position:relative}.dialkit-segmented-pill{background:var(--dial-surface-active);z-index:0;pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px}.dialkit-segmented-button{z-index:1;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;position:relative}.dialkit-segmented-button[data-active=true]{color:#fffc}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{color:var(--dial-text-label);font-size:13px;font-weight:500;transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{background:var(--dial-surface-active);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:#ffffff4d}.dialkit-toggle-thumb{background:#fffc;border-radius:8px;width:16px;height:16px;position:absolute;top:2px}.dialkit-button-group{flex-direction:column;gap:6px;display:flex}.dialkit-button{color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 2px 12px;display:flex}.dialkit-labeled-control-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;line-height:17px}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0}.dialkit-action-button{width:160px;color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{flex-direction:column;gap:6px;width:160px;display:flex}.dialkit-spring-viz{border-radius:var(--dial-radius);background:var(--dial-surface);width:100%;overflow:visible}.dialkit-panel-wrapper{flex-direction:column;display:inline-flex}.dialkit-panel-toolbar{height:var(--dial-row-height);align-items:center;gap:6px;margin-bottom:6px;display:flex}.dialkit-toolbar-add{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-toolbar-copy{height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex;position:relative}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{flex-shrink:0;width:16px;height:16px;position:relative}.dialkit-toolbar-copy-icon{width:16px;height:16px;position:absolute;inset:0}.dialkit-text-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.dialkit-text-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500}.dialkit-text-input{min-width:0;color:var(--dial-text-label);text-align:right;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500}.dialkit-text-input:focus{color:#fff}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-select-right{align-items:center;gap:8px;display:flex}.dialkit-select-value{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden;transform:translateY(-.5px)}.dialkit-select-chevron{box-sizing:border-box;opacity:.6;flex-shrink:0;width:20px;height:20px;padding:2px}.dialkit-select-dropdown{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);z-index:10000;padding:4px;box-shadow:0 8px 24px #0006}.dialkit-select-option{width:100%;color:var(--dial-text-label);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:block}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-color-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.dialkit-color-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-inputs{align-items:center;gap:8px;display:flex}.dialkit-color-hex{color:var(--dial-text-label);cursor:text;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-hex-input{width:7ch;color:var(--dial-text-label);text-transform:uppercase;background:0 0;border:none;outline:none;padding:0;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-hex-input:focus{color:#fff}.dialkit-color-swatch{cursor:pointer;border:1px solid #fff3;border-radius:4px;width:20px;height:20px;transition:transform .15s}.dialkit-color-swatch:hover{transform:scale(1.1)}.dialkit-color-picker-native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.dialkit-preset-manager{flex:1;position:relative}.dialkit-preset-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialkit-preset-dropdown{border:1px solid var(--dial-border);z-index:10000;background:#2a2a2a;border-radius:12px;width:max-content;padding:4px;box-shadow:0 8px 24px #00000080}.dialkit-preset-list{border-bottom:1px solid var(--dial-border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.dialkit-preset-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:flex}.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{color:#fff;pointer-events:none;width:14px;height:14px}.dialkit-preset-save-btn{width:100%;color:var(--dial-text-label);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{align-items:center;gap:6px;padding:4px;display:flex}.dialkit-preset-input{min-width:0;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{background:var(--dial-surface);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}