@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--surface-1:#fafafa;--surface-2:#fcfcfc;--surface-3:#fff;--surface-4:#fff;--surface-5:#fff;--surface-6:#fff;--surface-7:#fff;--surface-8:#fff;--shadow-color:#0000000f;--shadow-1:0 0 0 1px var(--shadow-color);--shadow-2:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color);--shadow-3:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color);--shadow-4:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color);--shadow-5:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color);--shadow-6:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color);--shadow-7:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color), 0 48px 48px -24px var(--shadow-color);--shadow-8:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color), 0 48px 48px -24px var(--shadow-color), 0 96px 96px -48px var(--shadow-color)}.dark{--surface-1:#171717;--surface-2:#1e1e1e;--surface-3:#252525;--surface-4:#2c2c2c;--surface-5:#333;--surface-6:#3a3a3a;--surface-7:#414141;--surface-8:#484848;--dm-hi-base:#ffffff03;--dm-hi-mid:#ffffff05;--dm-hi-high:#ffffff0a;--dm-hi-peak:#ffffff0f;--dm-ring-base:#ffffff05;--dm-ring-mid:#ffffff0a;--dm-ring-high:#ffffff0f;--dm-drop:#0000002e;--shadow-1:inset 0 0 0 1px var(--dm-ring-base);--shadow-2:inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -.5px var(--dm-drop);--shadow-3:inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px #0000001f, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop);--shadow-4:inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px #00000024, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop);--shadow-5:inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px #00000029, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop);--shadow-6:inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #0000002e, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop);--shadow-7:inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #0003, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop);--shadow-8:inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #00000038, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop), 0 96px 96px -48px var(--dm-drop)}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-8{height:2rem}.h-full{height:100%}.w-2{width:.5rem}.w-\[5ch\]{width:5ch}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-ew-resize{cursor:ew-resize}.cursor-text{cursor:text}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[color\:var\(--focus-ring\,\#6B97FF\)\]{border-color:var(--focus-ring,#6b97ff)}.border-border{--tw-border-opacity:1;border-color:rgb(var(--border) / var(--tw-border-opacity,1))}.bg-surface-1{background-color:var(--surface-1)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.bg-surface-4{background-color:var(--surface-4)}.bg-surface-5{background-color:var(--surface-5)}.bg-surface-6{background-color:var(--surface-6)}.bg-surface-7{background-color:var(--surface-7)}.bg-surface-8{background-color:var(--surface-8)}.bg-transparent{background-color:#0000}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.text-transparent{color:#0000}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-1{--tw-shadow:var(--shadow-1);--tw-shadow-colored:var(--shadow-1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-2{--tw-shadow:var(--shadow-2);--tw-shadow-colored:var(--shadow-2);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-3{--tw-shadow:var(--shadow-3);--tw-shadow-colored:var(--shadow-3);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-4{--tw-shadow:var(--shadow-4);--tw-shadow-colored:var(--shadow-4);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-5{--tw-shadow:var(--shadow-5);--tw-shadow-colored:var(--shadow-5);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-6{--tw-shadow:var(--shadow-6);--tw-shadow-colored:var(--shadow-6);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-7{--tw-shadow:var(--shadow-7);--tw-shadow-colored:var(--shadow-7);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-8{--tw-shadow:var(--shadow-8);--tw-shadow-colored:var(--shadow-8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-surface-1{--tw-shadow-color:var(--surface-1);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-2{--tw-shadow-color:var(--surface-2);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-3{--tw-shadow-color:var(--surface-3);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-4{--tw-shadow-color:var(--surface-4);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-5{--tw-shadow-color:var(--surface-5);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-6{--tw-shadow-color:var(--surface-6);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-7{--tw-shadow-color:var(--surface-7);--tw-shadow:var(--tw-shadow-colored)}.shadow-surface-8{--tw-shadow-color:var(--surface-8);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.outline-offset-2{outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[font-variation-settings\]{transition-property:font-variation-settings;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--canvas:248 248 249;--surface:255 255 255;--surface-elevated:244 244 245;--surface-overlay:232 232 234;--border:218 219 222;--text:28 29 31;--text-secondary:105 108 114;--text-tertiary:150 153 159;--primary-action:28 29 31;--primary-action-text:255 255 255;--accent:0 113 227;--refine-line:#00000014;--refine-line-soft:#0000000b;--refine-fill:#00000009;--refine-fill-strong:#0000000f;--refine-selected:rgb(var(--accent) / .1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:rgb(var(--canvas));min-width:0;color:rgb(var(--text));margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1)}button:active{transform:translateY(1px)scale(.99)}button:disabled{transform:none}button:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible{outline:2px solid rgb(var(--accent) / .7);outline-offset:2px}svg{flex:none;width:15px;height:15px}.brand-chip{border:1px solid var(--refine-line);background:rgb(var(--surface) / .72);color:rgb(var(--text-secondary));border-radius:999px;align-items:center;gap:10px;padding:8px 11px;font-size:12px;display:inline-flex}.brand-chip strong{color:rgb(var(--text));font-weight:600}.top-actions{align-items:center;gap:8px;display:flex}.refine-select-button{border:1px solid rgb(var(--accent) / .2);background:rgb(var(--accent) / .1);min-height:36px;color:rgb(var(--accent));border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.refine-select-button.active{background:rgb(var(--accent) / .18);color:rgb(var(--text))}.refine-target-hotspot{z-index:3;border:1px solid rgb(var(--accent) / .62);color:rgb(var(--text));cursor:crosshair;background:0 0;border-radius:10px;padding:0;position:absolute}.refine-target-hotspot.trigger{width:146px;height:40px;top:36px;left:50%;transform:translate(-50%)}.refine-target-hotspot.menu{width:218px;height:128px;top:88px;left:50%;transform:translate(-50%)}.refine-target-hotspot span{background:rgb(var(--accent));color:#f8fcff;white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-21px;left:10px}.ghost-button,.icon-button{border:1px solid var(--refine-line);background:rgb(var(--surface-elevated) / .82);min-height:36px;color:rgb(var(--text));box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.ghost-button{background:rgb(var(--primary-action));color:rgb(var(--primary-action-text));box-shadow:none;border-color:#0000}.ghost-button:disabled{opacity:.46;cursor:default}.icon-button{border-radius:10px;width:34px;min-height:34px;padding:0}.refine-workspace{background:rgb(var(--canvas));width:100vw;height:100dvh;color:rgb(var(--text));position:relative;overflow:hidden}.refine-workspace:before{content:none}.refine-topbar{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:18px;right:18px}.refine-preview-stage{z-index:1;width:100%;height:calc(100% - var(--refine-panel-height,340px) - 24px);place-items:center;min-height:180px;padding-top:64px;display:grid;position:relative}.refine-preview-copy{border:1px solid var(--refine-line);background:rgb(var(--surface) / .74);color:rgb(var(--text-secondary));border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.refine-preview-copy strong{color:rgb(var(--text));font-weight:500}.refine-dropdown-demo{justify-content:center;min-width:260px;min-height:250px;padding-top:36px;display:flex;position:relative}.refine-preview-target{border:1px solid rgb(var(--accent) / .18);background:rgb(var(--accent) / .08);color:rgb(var(--accent));white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;top:0;left:50%;transform:translate(-50%)}.refine-preview-stage.selecting .refine-preview-target{display:none}.refine-preview-stage.selecting .bounce-refine-menu.inspecting{border-color:var(--refine-line);box-shadow:none}.refine-demo-trigger{border:1px solid var(--refine-line);background:rgb(var(--primary-action));height:40px;color:rgb(var(--primary-action-text));box-shadow:none;border-radius:999px;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.bounce-refine-menu{width:218px;transform:translateX(-50%) scale(var(--refine-start-scale));transform-origin:top;opacity:0;pointer-events:none;border:1px solid var(--refine-line);transition:transform var(--refine-transform-duration) var(--refine-transform-easing) var(--refine-transform-delay), opacity var(--refine-opacity-duration) var(--refine-opacity-easing) var(--refine-opacity-delay);border-radius:12px;padding:6px;position:absolute;top:88px;left:50%}.bounce-refine-menu.open{transform:translateX(-50%) scale(var(--refine-end-scale));opacity:1;pointer-events:auto}.bounce-refine-menu.inspecting{border-color:rgb(var(--accent) / .32);box-shadow:inset 0 0 0 1px rgb(var(--accent) / .08)}.bounce-refine-menu>span{color:rgb(var(--text-tertiary));padding:5px 8px 7px;font-size:11px;font-weight:600;display:block}.bounce-refine-menu button{width:100%;min-height:34px;color:rgb(var(--text));text-align:left;background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:13px;display:block}.bounce-refine-menu button:hover{background:#0000000b}.refine-panel{z-index:3;height:var(--refine-panel-height,340px);border:1px solid var(--refine-line);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;min-height:232px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.refine-panel-resize-handle{z-index:2;cursor:ns-resize;touch-action:none;place-items:center;width:100%;height:12px;display:grid;position:absolute;top:0;left:0}.refine-panel-resize-handle:before{content:"";position:absolute;inset:-8px 0 -2px}.refine-panel-resize-handle span{background:#ffffff2e;border-radius:999px;width:48px;height:4px;transition:width .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff0d}.refine-panel-resize-handle:hover span,.refine-panel-resize-handle:focus-visible span{background:rgb(var(--accent) / .62);width:72px}body.refine-is-resizing,body.refine-is-resizing *{-webkit-user-select:none;user-select:none;cursor:ns-resize!important}body.refine-is-timeline-dragging,body.refine-is-timeline-dragging *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.refine-panel-header{border-bottom:1px solid var(--refine-line);align-items:center;gap:8px;min-height:48px;padding:7px 10px;display:flex;overflow:hidden}.refine-header-label{flex:none}.refine-header-label,.refine-count,.refine-source-badge,.refine-status-chip{color:rgb(var(--text-secondary));white-space:nowrap;font-size:13px}.refine-panel-header select{background:rgb(var(--surface-elevated));min-width:150px;max-width:300px;height:36px;color:rgb(var(--text));border:0;border-radius:999px;flex:240px;padding:0 12px;font-size:13px}.refine-source-badge{border:1px solid var(--refine-line);background:var(--refine-fill);text-overflow:ellipsis;border-radius:999px;flex:0 150px;align-items:center;max-width:150px;min-height:28px;padding:0 9px;display:inline-flex;overflow:hidden}.refine-status-chip{border:1px solid var(--refine-line);background:var(--refine-fill);border-radius:999px;flex:none;align-items:center;min-height:28px;padding:0 9px;display:inline-flex}.refine-status-chip.dirty{border-color:rgb(var(--accent) / .22);background:rgb(var(--accent) / .1);color:rgb(var(--accent))}.refine-count{flex:none;margin-left:auto}.refine-secondary-button,.refine-accept-button,.refine-agent-button,.refine-icon-button,.refine-pill,.refine-play-button,.refine-play-inline{border:1px solid var(--refine-line);background:rgb(var(--surface-elevated));min-height:36px;color:rgb(var(--text));border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.refine-accept-button{background:rgb(var(--primary-action));color:rgb(var(--primary-action-text))}.refine-accept-button:disabled{opacity:.58;cursor:default}.refine-secondary-button:disabled{opacity:.56;cursor:default}.refine-agent-button{border-color:rgb(var(--accent) / .2);color:rgb(var(--accent));background:rgb(var(--accent) / .1)}.refine-agent-button.active{background:rgb(var(--accent) / .16)}.refine-agent-count{background:rgb(var(--accent) / .16);min-width:19px;height:19px;color:rgb(var(--accent));border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.refine-icon-button{flex:0 0 36px;width:36px;padding:0}.refine-panel-body{height:calc(var(--refine-panel-height,340px) - 50px);grid-template-columns:minmax(0,1fr) clamp(292px,25vw,340px);min-height:0;display:grid}.refine-panel-body.with-assistant{grid-template-columns:minmax(360px,1fr) minmax(292px,320px) minmax(300px,330px)}.refine-timeline{border-right:1px solid var(--refine-line);min-width:0;overflow:hidden}.refine-ruler{border-bottom:1px solid var(--refine-line);height:28px;color:rgb(var(--text-secondary));justify-content:space-between;padding:7px 18px 0 184px;font-size:12px;display:flex}.refine-lane{border:0;border-bottom:1px solid var(--refine-line-soft);width:100%;min-height:48px;color:rgb(var(--text));background:0 0;border-radius:0;grid-template-columns:172px minmax(0,1fr);padding:0;display:grid}.refine-lane:hover,.refine-lane.selected{background:var(--refine-fill)}.refine-lane.dirty{background:rgb(var(--accent) / .035)}.refine-lane-label{color:rgb(var(--text));text-align:left;align-items:center;gap:8px;padding-left:12px;font-size:13px;display:flex}.refine-lane-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.refine-lane-label small{border:1px solid var(--refine-line);color:rgb(var(--text-secondary));border-radius:999px;padding:3px 7px;font-size:11px}.refine-lane-label em{background:rgb(var(--accent) / .12);color:rgb(var(--accent));border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal}.refine-lane-track{min-width:0;margin:0 18px;position:relative}.refine-lane-track>span{border-radius:7px;position:absolute;top:50%;transform:translateY(-50%)}.refine-source-bar{background:#00000006;border:1px dashed #0000001f;height:26px}.refine-live-bar{height:18px;box-shadow:none;cursor:grab;touch-action:none;background:#00000024}.refine-live-bar:active{cursor:grabbing}.refine-live-bar-handle{cursor:ew-resize;touch-action:none;background:#ffffffe6;border-radius:999px;width:6px;height:14px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.refine-live-bar-handle:before{content:"";position:absolute;inset:-8px -10px}.refine-lane-track b{color:rgb(var(--text-secondary));white-space:nowrap;font-size:11px;font-weight:500;position:absolute;top:50%;transform:translate(-100%,-50%)}.refine-lane-track small{color:rgb(var(--text-tertiary));white-space:nowrap;font-size:10px;font-weight:600;position:absolute;top:8px;transform:translate(4px)}.refine-lane-track small span{text-transform:uppercase}.refine-lane.selected .refine-live-bar{background:#0003}.refine-lane.dirty .refine-live-bar{background:rgb(var(--accent) / .32)}.refine-inspector{scrollbar-gutter:stable;padding:8px 10px;overflow:auto}.refine-inspector-title{align-items:center;gap:7px;margin-bottom:8px;font-size:13px;display:flex}.refine-inspector-title span{border:1px solid var(--refine-line);color:rgb(var(--text-secondary));border-radius:999px;padding:3px 7px;font-size:11px}.refine-inspector-title i{color:rgb(var(--text-tertiary));font-style:normal}.refine-live-summary{border:1px solid var(--refine-line);background:var(--refine-fill);border-radius:10px;gap:2px;padding:7px 9px;display:grid}.refine-live-summary span{color:rgb(var(--text-secondary));font-size:12px}.refine-live-summary strong{color:rgb(var(--text));font-size:13px;font-weight:600}.refine-live-summary em{color:rgb(var(--text-secondary));font-size:12px;font-style:normal}.refine-live-summary.dirty{border-color:rgb(var(--accent) / .18);background:rgb(var(--accent) / .08)}.refine-live-summary.dirty em{color:rgb(var(--accent))}.refine-number-field,.refine-text-field{align-items:center;gap:8px;min-height:34px;margin-top:6px;display:grid}.refine-number-field{grid-template-columns:70px minmax(0,1fr) 64px auto}.refine-text-field{grid-template-columns:1fr 92px}.refine-number-field span,.refine-text-field span{color:rgb(var(--text-secondary));font-size:13px}.refine-text-field input{background:var(--refine-fill-strong);min-width:0;height:32px;color:rgb(var(--text));border:0;border-radius:8px;padding:0 9px;font-size:12px}.refine-number-field input[type=number]{background:var(--refine-fill-strong);min-width:0;height:32px;color:rgb(var(--text));border:0;border-radius:8px;padding:0 7px;font-size:12px}.refine-number-field input[type=range]{width:100%;height:32px;accent-color:rgb(var(--accent))}.refine-number-unit{color:rgb(var(--text-tertiary));font-size:11px;font-weight:600}.refine-number-field.disabled{opacity:.6}.refine-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:156px;margin-top:8px;padding-right:2px;display:grid;overflow:auto}.refine-preset-grid button{border:1px solid var(--refine-line);background:rgb(var(--surface));min-width:0;color:rgb(var(--text-secondary));text-align:left;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:5px 7px;font-size:12px;font-weight:500;display:grid}.refine-preset-grid button:hover{background:rgb(var(--surface-elevated));color:rgb(var(--text))}.refine-preset-grid button.active{border-color:rgb(var(--accent) / .32);background:var(--refine-selected);color:rgb(var(--text))}.refine-preset-preview{background:rgb(var(--surface-elevated));border-radius:6px;place-items:center;height:36px;display:grid;position:relative}.refine-preset-preview svg{width:34px;height:30px}.refine-preset-preview path{fill:none;stroke:rgb(var(--text));stroke-linecap:round;stroke-width:3px}.refine-preset-preview b{width:18px;height:18px;position:relative}.refine-preset-preview b:before,.refine-preset-preview b:after{content:"";background:rgb(var(--text));border-radius:999px;position:absolute}.refine-preset-preview b:before{width:18px;height:2px;top:8px;left:0}.refine-preset-preview b:after{width:2px;height:18px;top:0;left:8px}.refine-easing-editor{gap:5px;display:grid}.refine-easing-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.refine-easing-presets button{border:1px solid var(--refine-line);background:rgb(var(--surface));min-height:32px;color:rgb(var(--text-secondary));border-radius:8px;font-size:12px;font-weight:500}.refine-easing-presets button.active{border-color:rgb(var(--accent) / .22);background:rgb(var(--accent) / .1);color:rgb(var(--accent))}.refine-segmented,.refine-dialog-tabs{background:var(--refine-fill);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding:4px;display:grid}.refine-segmented button,.refine-dialog-tabs button{min-height:32px;color:rgb(var(--text-secondary));background:0 0;border:0;border-radius:8px;font-size:12px}.refine-segmented button.active,.refine-dialog-tabs button.active{background:rgb(var(--surface-elevated));color:rgb(var(--text))}.refine-spring-fields p{color:rgb(var(--text-secondary));margin:10px 0 0;font-size:12px}.refine-curve-preview{border:1px solid var(--refine-line);background:rgb(var(--surface));border-radius:10px;margin-top:6px;padding:6px 8px}.refine-preview-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.refine-preview-toggle{min-height:28px;color:rgb(var(--text));background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.refine-preview-toggle span{color:rgb(var(--text-tertiary));font-size:11px}.refine-play-inline{min-height:24px;color:rgb(var(--text-secondary));background:0 0;border:0;border-radius:6px;padding:0 6px;font-size:12px;font-weight:500}.refine-play-inline:hover{background:var(--refine-fill);color:rgb(var(--text))}.refine-curve-preview svg{width:100%;height:42px;margin-top:2px;display:block}.refine-curve-preview polyline{fill:none;stroke:rgb(var(--text));stroke-width:2px}.refine-position-preview{background:rgb(var(--surface-elevated));border-radius:8px;height:28px;margin-top:4px;position:relative}.refine-position-preview:before{content:"";border-top:1px dashed #0000001a;position:absolute;top:50%;left:12px;right:12px}.refine-position-preview span{background:rgb(var(--accent));border-radius:999px;width:14px;height:14px;position:absolute;top:50%;transform:translate(12px,-50%)}.refine-inspector-actions{border-top:1px solid var(--refine-line);background:rgb(var(--surface) / .96);-webkit-backdrop-filter:none;backdrop-filter:none;gap:8px;margin:6px -2px 0;padding:8px 2px 0;display:grid;position:sticky;bottom:-10px}.refine-reset-lane-button{width:100%}.refine-pill{z-index:4;position:fixed;bottom:16px;right:16px}.refine-pill span{background:#ffffff1a;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;display:grid}.refine-pill.dirty{border-color:rgb(var(--accent) / .2);color:rgb(var(--accent));background:rgb(var(--accent) / .1)}.refine-assistant-shell{min-height:0}.refine-assistant-panel{border-left:1px solid var(--refine-line);flex-direction:column;min-height:100%;padding:10px;display:flex;overflow:hidden}.refine-assistant-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.refine-assistant-header div{gap:2px;min-width:0;display:grid}.refine-assistant-header span{color:rgb(var(--text-secondary));font-size:12px}.refine-assistant-header strong{color:rgb(var(--text));text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.refine-assistant-header small{border:1px solid rgb(var(--accent) / .16);background:rgb(var(--accent) / .08);color:rgb(var(--accent));white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:600}.refine-assistant-panel .refine-dialog-tabs{margin-top:6px;padding:3px}.refine-assistant-panel .refine-dialog-tabs button{min-height:32px}.refine-suggestion-list{flex:auto;align-content:start;gap:6px;min-height:0;margin-top:7px;padding-right:4px;display:grid;overflow:auto}.refine-suggestion{border:1px solid var(--refine-line);background:#ffffff07;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:7px;display:grid}.refine-suggestion-copy{gap:3px;min-width:0;display:grid}.refine-suggestion-copy span{color:rgb(var(--text-secondary));text-transform:uppercase;font-size:10px}.refine-suggestion-copy h3,.refine-suggestion-copy p{margin:0}.refine-suggestion-copy h3{color:rgb(var(--text));font-size:13px;line-height:1.18}.refine-suggestion-copy p{-webkit-line-clamp:3;color:rgb(var(--text-secondary));-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.refine-suggestion-change{min-width:0;color:rgb(var(--text));grid-column:1/-1;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.refine-suggestion-change span{background:rgb(var(--surface-elevated));min-width:0;max-width:130px;color:rgb(var(--text-secondary));text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff0f;border-radius:999px;padding:3px 7px;overflow:hidden}.refine-suggestion-change span:last-child{color:rgb(var(--text))}.refine-suggestion-change b{color:rgb(var(--text-tertiary));font-weight:500}.refine-suggestion button{background:rgb(var(--primary-action));min-height:32px;color:rgb(var(--primary-action-text));border:0;border-radius:999px;grid-area:1/2;align-self:center;padding:0 12px;font-size:12px;font-weight:600}.refine-suggestion button:disabled{opacity:.58}.refine-empty{min-height:0;color:rgb(var(--text-secondary));text-align:center;flex:1;place-items:center;margin:12px 0 0;font-size:13px;line-height:1.45;display:grid}.refine-replace-note{border-top:1px solid var(--refine-line);flex:auto;align-content:start;gap:8px;min-height:0;margin-top:12px;padding-top:14px;display:grid;overflow:auto}.refine-replace-note strong{color:rgb(var(--text));font-size:14px}.refine-replace-note p{color:rgb(var(--text-secondary));margin:0;font-size:13px;line-height:1.45}.refine-replace-note .refine-secondary-button{justify-self:start}.refine-dialog-footer{border-top:1px solid var(--refine-line);background:rgb(var(--surface) / .94);flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.refine-assistant-panel .refine-dialog-footer :is(.refine-secondary-button,.refine-agent-button){min-height:32px}.refine-dialog-status{border:1px solid var(--refine-line);background:var(--refine-fill);min-height:32px;color:rgb(var(--text-secondary));white-space:nowrap;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.refine-accept-backdrop{z-index:5;background:#0000008f;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.refine-accept-dialog{border:1px solid #ffffff1f;border-radius:12px;width:min(760px,100%);max-height:min(760px,100dvh - 56px);padding:16px;overflow:auto}.refine-install-motion{width:min(920px,100%)}.refine-install-dialog{width:100%}.refine-install-subtitle{max-width:680px;color:rgb(var(--text-secondary));margin:8px 0 0;font-size:15px;line-height:1.45}.refine-install-method{gap:10px;margin-top:18px;display:grid}.refine-install-method h3{color:rgb(var(--text));margin:0;font-size:16px;font-weight:650}.refine-install-method p{color:rgb(var(--text-secondary));margin:5px 0 0;font-size:13px;line-height:1.45}.refine-install-note code{color:rgb(var(--text));background:#00000014;border-radius:7px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.refine-install-details{border-top:1px solid var(--refine-line);padding-top:14px}.refine-install-details summary{cursor:pointer;color:rgb(var(--text));font-size:13px;font-weight:650}.refine-install-steps{counter-reset:refine-install-step;gap:8px;margin:18px 0;padding:0;list-style:none;display:grid}.refine-install-steps li{color:rgb(var(--text-secondary));counter-increment:refine-install-step;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;font-size:13px;line-height:1.4;display:grid}.refine-install-steps li:before{content:counter(refine-install-step);border:1px solid var(--refine-line);width:24px;height:24px;color:rgb(var(--text));border-radius:999px;place-items:center;font-size:11px;font-weight:700;display:grid}.refine-accept-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.refine-dialog-eyebrow{color:rgb(var(--text-secondary));letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:760}.refine-accept-header h2{letter-spacing:0;margin:4px 0 0;font-size:20px}.refine-accept-dialog pre{border:1px solid var(--refine-line);background:rgb(var(--surface-elevated));min-height:auto;max-height:min(470px,48dvh);color:rgb(var(--text));white-space:pre-wrap;border-radius:10px;margin:13px 0 0;padding:16px 18px;font-size:15px;line-height:1.55;overflow:auto}.refine-install-method pre{color:#f5f6f8;letter-spacing:.02em;background:#1c1d1f;border-radius:14px;margin:0;font-size:17px}.refine-install-details pre{letter-spacing:0;font-size:12px}.refine-accept-footer .refine-accept-button{min-width:174px}.refine-accept-footer{background:rgb(var(--surface) / .96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding:10px 0 0;display:flex;position:sticky;bottom:-16px}.refine-copy-status{color:rgb(var(--accent));margin-right:auto;font-size:12px;font-weight:600}.refine-accept-summary{border:1px solid rgb(var(--accent) / .16);background:rgb(var(--accent) / .08);color:rgb(var(--accent));border-radius:999px;margin:10px 0 0;padding:8px 11px;font-size:13px;font-weight:500}.refine-diff-list{gap:8px;margin-top:14px;display:grid}.refine-diff-list div{background:rgb(var(--surface-elevated));border:1px solid #ffffff14;border-radius:8px;gap:3px;padding:10px;display:grid}.refine-diff-list small{color:rgb(var(--text-secondary));text-transform:uppercase;font-size:11px;font-weight:650}.refine-diff-values{grid-template-columns:1fr 1fr;gap:6px;margin:3px 0 0;display:grid}.refine-diff-values div{background:#ffffff09;border-color:#ffffff0f;gap:2px;padding:7px}.refine-diff-values dt{color:rgb(var(--text-tertiary));text-transform:uppercase;font-size:10px;font-weight:700}.refine-diff-values dd{color:rgb(var(--text-secondary));margin:0;font-size:12px;line-height:1.35}.refine-diff-values div:last-child dd{color:rgb(var(--text))}.desktop-guard{display:none}@media (height<=800px) and (width>=1280px){.refine-preview-stage{padding-top:54px}.refine-dropdown-demo{min-height:238px}.refine-curve-preview{display:none}.refine-inspector{padding:8px 10px}.refine-inspector-title{margin-bottom:6px}.refine-live-summary{gap:2px;padding:6px 8px}.refine-number-field,.refine-text-field{gap:5px;min-height:28px;margin-top:4px}.refine-number-field{grid-template-columns:66px minmax(0,1fr) 58px auto}.refine-text-field input,.refine-number-field input[type=number],.refine-number-field input[type=range]{height:27px}.refine-segmented,.refine-dialog-tabs{margin-top:6px}.refine-segmented button,.refine-dialog-tabs button,.refine-easing-presets button{min-height:28px}.refine-inspector-actions{gap:6px;margin-top:6px;padding-top:6px}}@media (width<=1400px) and (width>=1280px){.refine-header-label,.refine-count{display:none}.refine-panel-header{gap:6px}.refine-panel-header select{max-width:260px}.refine-source-badge{max-width:128px}.refine-secondary-button,.refine-accept-button,.refine-agent-button{padding:0 10px}}@media (prefers-reduced-motion:reduce){.refine-workspace *,.refine-accept-backdrop,.refine-accept-dialog{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bounce-refine-menu,.bounce-refine-menu.open{transition:opacity .12s ease-out;transform:translate(-50%)scale(1)}}@media (width<=1279px){body{min-width:0}.refine-workspace>:not(.desktop-guard){display:none}.refine-workspace{place-items:center;min-height:100dvh;padding:24px;display:grid}.desktop-guard{background:linear-gradient(180deg, #ffffff0e, #ffffff05), rgb(var(--surface) / .92);text-align:center;border:1px solid #ffffff17;border-radius:14px;gap:10px;max-width:420px;padding:22px;display:grid;box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff0f}.desktop-guard span{border:1px solid rgb(var(--accent) / .18);background:rgb(var(--accent) / .08);color:rgb(var(--accent));border-radius:999px;justify-self:center;padding:5px 9px;font-size:12px;font-weight:600}.desktop-guard h1{color:rgb(var(--text));margin:0;font-size:20px;line-height:1.16}.desktop-guard p{color:rgb(var(--text-secondary));margin:0;font-size:14px;line-height:1.45}}@media (prefers-color-scheme:dark){.dark\:bg-accent\/40{background-color:rgb(var(--accent) / .4)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}