@import"https://fonts.bunny.net/css?family=work-sans:400,500&display=swap";html,body{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;padding:0}body,h1,h2,h3,h4,h5,p,pre{margin:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid}ul{list-style:none;margin:0;padding:0}[data-theme=dark]{color-scheme:dark;--background-primary: var(--db-primary);--background-secondary: var(--db-secondary);--background-tertiary: var(--db-tertiary);--background-quaternary: var(--db-quaternary);--foreground-primary: var(--df-primary);--foreground-secondary: var(--df-secondary);--accent-primary: var(--da-primary);--accent-primary-muted: var(--da-primary-muted);--accent-secondary: var(--da-secondary);--accent-tertiary: var(--da-tertiary);--accent-quaternary: var(--da-quaternary)}[data-theme=light]{color-scheme:light;--background-primary: var(--lb-primary);--background-secondary: var(--lb-secondary);--background-tertiary: var(--lb-tertiary);--background-quaternary: var(--lb-quaternary);--foreground-primary: var(--lf-primary);--foreground-secondary: var(--lf-secondary);--accent-primary: var(--la-primary);--accent-primary-muted: var(--la-primary-muted);--accent-secondary: var(--la-secondary);--accent-tertiary: var(--la-tertiary);--accent-quaternary: var(--la-quaternary)}[data-theme]{background-color:var(--background-primary);color:var(--foreground-secondary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent;border-radius:var(--spacing-8)}::-webkit-scrollbar-thumb{border-radius:var(--spacing-8);-webkit-box-shadow:inset 0 0 6px #aab5ba}:root{--db-primary: #18181a;--db-secondary: #000000;--db-tertiary: #212426;--db-quaternary: #2e3434;--lb-primary: #ffffff;--lb-secondary: #e8eaee;--lb-tertiary: #f3f4f6;--lb-quaternary: #eef0f2;--df-primary: #ffffff;--df-secondary: #8f9da3;--lf-primary: #000000;--lf-secondary: #495e74;--da-primary: #7efff5;--da-primary-muted: #426158;--da-secondary: #bb97d8;--da-tertiary: #00d1b8;--da-quaternary: #ff6fe0;--la-primary: #6911d4;--la-primary-muted: #e1d2f5;--la-secondary: #1345aa;--la-tertiary: #8c33eb;--la-quaternary: #ff6fe0;--success-50: #f0f8ff;--success-500: #2d9f8f;--success-950: #0a2927;--warning-50: #fff4ed;--warning-500: #fe4811;--warning-950: #440806;--error-50: #fff0f3;--error-200: #ffcada;--error-500: #ff3277;--error-700: #c80857;--error-950: #500124;--info-50: #f0f8ff;--info-500: #0e9be9;--info-950: #082c49;--app-white: #ffffff;--app-black: #000000;--app-pink: #f49ef7;--app-blue: #75cafc;--app-gold: #fdcd79;--app-indigo: #a9bdfa;--app-red: #faa6b7;--app-yellow: #dee563;--app-purple: #cbaaff;--app-lemon: #b1e96f;--app-orange: #f9b489}:root{--font-weight-regular: 400;--font-weight-bold: 500;--font-line-height-s: 1.2;--font-line-height-m: 1.4;--font-line-height-l: 1.5;--font-size-xs: 10px;--font-size-s: 12px;--font-size-m: 14px;--font-size-l: 16px}code{font-family:Work Sans,sans-serif}.display{font-weight:var(--font-weight-regular);font-size:36px;line-height:var(--font-line-height-s)}.title-s{font-weight:var(--font-weight-regular);font-size:var(--font-size-m);line-height:var(--font-line-height-s)}.title-m{font-weight:var(--font-weight-regular);font-size:20px;line-height:var(--font-line-height-s)}.title-l{font-weight:var(--font-weight-regular);font-size:24px;line-height:1.1}.headline-s{font-weight:var(--font-weight-bold);font-size:var(--font-size-s);line-height:var(--font-line-height-s);text-transform:uppercase}.headline-m{font-weight:var(--font-weight-regular);font-size:var(--font-size-l);line-height:var(--font-line-height-m);text-transform:uppercase}.headline-l{font-weight:var(--font-weight-regular);font-size:18px;line-height:var(--font-line-height-s);text-transform:uppercase}.body-xs{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:var(--font-line-height-s)}.body-s{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);line-height:var(--font-line-height-m)}.body-m{font-weight:var(--font-weight-regular);font-size:var(--font-size-m);line-height:var(--font-line-height-l)}.body-l{font-weight:var(--font-weight-regular);font-size:var(--font-size-l);line-height:var(--font-line-height-l)}.caption{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);line-height:var(--font-line-height-s)}code,.code-font{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);line-height:var(--font-line-height-l)}:root{--spacing-4: .25rem;--spacing-8: calc(var(--spacing-4) * 2);--spacing-12: calc(var(--spacing-4) * 3);--spacing-16: calc(var(--spacing-4) * 4);--spacing-20: calc(var(--spacing-4) * 5);--spacing-24: calc(var(--spacing-4) * 6);--spacing-28: calc(var(--spacing-4) * 7);--spacing-32: calc(var(--spacing-4) * 8);--spacing-36: calc(var(--spacing-4) * 9);--spacing-40: calc(var(--spacing-4) * 10)}:where([data-appearance]:is(button),[role=tab]:is(button)){border:2px solid transparent;font-weight:500;font-size:12px;border-radius:8px;line-height:1.2;padding:8px 24px;text-transform:uppercase;font-family:inherit}:where([data-appearance]:is(button),[role=tab]:is(button)):hover:not(:disabled){cursor:pointer}:where([data-appearance]:is(button),[role=tab]:is(button)):focus-visible{outline:none}[data-theme=dark] [data-appearance=primary]:is(button){background-color:var(--da-primary);border:2px solid transparent;color:var(--db-secondary)}[data-theme=dark] [data-appearance=primary]:is(button):hover:not(:disabled){background-color:var(--da-tertiary);border:2px solid var(--da-tertiary)}[data-theme=dark] [data-appearance=primary]:is(button):focus:not(:disabled),[data-theme=dark] [data-appearance=primary]:is(button):focus-visible:not(:disabled){border:2px solid var(--da-primary);background-color:var(--db-tertiary);color:var(--df-secondary)}[data-theme=dark] [data-appearance=primary]:is(button):active:not(:disabled){border:2px solid var(--da-tertiary)}[data-theme=dark] [data-appearance=primary]:is(button):disabled{background-color:transparent;border:2px solid var(--db-quaternary);color:var(--df-secondary)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]{background-color:var(--error-500);border:2px solid transparent}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:hover:not(:disabled){background-color:var(--error-700);border:2px solid var(--error-700)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:focus:not(:disabled),[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:focus-visible:not(:disabled){border:2px solid var(--error-500)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:active:not(:disabled){background-color:var(--app-red);border:2px solid var(--error-700)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:disabled{background-color:transparent;border:var(--df-secondary)}[data-theme=dark] [data-appearance=secondary]:is(button){background-color:var(--db-tertiary);color:var(--df-secondary)}[data-theme=dark] [data-appearance=secondary]:is(button):hover:not(:disabled){background-color:var(--db-quaternary);color:var(--da-primary)}[data-theme=dark] [data-appearance=secondary]:is(button):focus:not(:disabled),[data-theme=dark] [data-appearance=secondary]:is(button):focus-visible:not(:disabled){border:2px solid var(--da-primary)}[data-theme=dark] [data-appearance=secondary]:is(button):active:not(:disabled){color:var(--da-primary);border:2px solid var(--db-quaternary)}[data-theme=dark] [data-appearance=secondary]:is(button):disabled{background-color:transparent;border:2px solid var(--db-quaternary)}[data-theme=light] [data-appearance=primary]:is(button){background-color:var(--la-primary);color:var(--lb-primary)}[data-theme=light] [data-appearance=primary]:is(button):hover:not(:disabled){background-color:var(--la-tertiary)}[data-theme=light] [data-appearance=primary]:is(button):focus:not(:disabled),[data-theme=light] [data-appearance=primary]:is(button):focus-visible:not(:disabled){color:var(--lf-secondary);background-color:var(--lb-tertiary);border:2px solid var(--la-primary)}[data-theme=light] [data-appearance=primary]:is(button):active:not(:disabled){border:2px solid var(--la-tertiary)}[data-theme=light] [data-appearance=primary]:is(button):disabled{background-color:transparent;border:2px solid var(--lb-quaternary);color:var(--lf-secondary)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]{background-color:transparent;border:2px solid var(--error-200);color:var(--lf-secondary)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:hover:not(:disabled){background-color:var(--error-500);color:var(--lb-secondary);border:2px solid var(--error-500)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:focus:not(:disabled),[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:focus-visible:not(:disabled){background-color:var(--error-700);color:var(--lb-secondary);border:2px solid var(--error-700)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:active:not(:disabled){background-color:var(--app-red);color:var(--lb-primary);border:2px solid var(--error-700)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:disabled{background-color:var(--error-500);color:var(--lb-secondary)}[data-theme=light] [data-appearance=secondary]:is(button){background-color:var(--lb-tertiary);color:var(--lf-secondary)}[data-theme=light] [data-appearance=secondary]:is(button):hover:not(:disabled){background-color:var(--lb-quaternary);color:var(--la-primary)}[data-theme=light] [data-appearance=secondary]:is(button):focus:not(:disabled),[data-theme=light] [data-appearance=secondary]:is(button):focus-visible:not(:disabled){background-color:var(--lb-tertiary);border:2px solid var(--la-primary);color:var(--lf-secondary)}[data-theme=light] [data-appearance=secondary]:is(button):active:not(:disabled){background-color:var(--lb-tertiary);color:var(--la-primary);outline:2px solid var(--lb-quaternary)}[data-theme=light] [data-appearance=secondary]:is(button):disabled{background-color:transparent;border:2px solid var(--lb-quaternary)}.checkbox-container{align-items:center;color:var(--foreground-secondary);display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container .checkbox-input[type=checkbox]{appearance:none;block-size:var(--spacing-16);border-radius:var(--spacing-4);box-sizing:border-box;cursor:pointer;inline-size:var(--spacing-16);margin:0;position:relative;transition:.12s all ease-in-out}.checkbox-container .checkbox-input[type=checkbox]:after{block-size:8px;border-style:solid;border-width:0;content:"";display:flex;inline-size:5px;margin-block-start:2px;margin-inline-start:5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container .checkbox-input[type=checkbox]:focus-visible,.checkbox-container .checkbox-input[type=checkbox]:focus-within{outline:none}.checkbox-container label{cursor:pointer;margin-inline-start:var(--spacing-8)}.checkbox-hidden{block-size:1px;border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-theme=dark] .checkbox-input[type=checkbox]{background-color:var(--db-quaternary);border:1px solid var(--df-secondary)}[data-theme=dark] .checkbox-input[type=checkbox]:after{border-color:var(--db-primary)}[data-theme=dark] .checkbox-input[type=checkbox]:hover{background-color:var(--db-quaternary);border:1px solid var(--da-primary-muted)}[data-theme=dark] .checkbox-input[type=checkbox]:focus{background-color:var(--db-quaternary);border:1px solid var(--da-primary)}[data-theme=dark] .checkbox-input[type=checkbox]:checked{background-color:var(--da-primary);border:1px solid var(--da-primary)}[data-theme=dark] .checkbox-input[type=checkbox]:checked:after{border-color:var(--db-primary);border-width:0 2px 2px 0}[data-theme=light] .checkbox-input[type=checkbox]{background-color:var(--lb-quaternary);border:1px solid var(--la-primary)}[data-theme=light] .checkbox-input[type=checkbox]:after{border-color:var(--db-primary)}[data-theme=light] .checkbox-input[type=checkbox]:hover{background-color:var(--lf-secondary);border:1px solid var(--lf-secondary)}[data-theme=light] .checkbox-input[type=checkbox]:focus{border:1px solid var(--lf-secondary)}[data-theme=light] .checkbox-input[type=checkbox]:checked{background-color:var(--la-primary);border:1px solid var(--la-primary)}[data-theme=light] .checkbox-input[type=checkbox]:checked:after{border-color:var(--lb-primary);border-width:0 2px 2px 0}.radio-container{align-items:center;display:flex}.radio-container:not(:last-child){margin-block-end:var(--spacing-8)}.radio-container .radio-input{align-items:center;appearance:none;block-size:var(--spacing-16);border-radius:50%;display:grid;inline-size:var(--spacing-16);justify-content:center;margin:0;margin-block-start:2px;transform:translateY(-.075em)}.radio-container .radio-input:before{border-radius:50%;content:"";transform:scale(0);transition:.12s transform ease-in-out}.radio-container .radio-input:checked:before{transform:scale(1)}.radio-container .radio-input:focus-within{outline:none}.radio-container .radio-label{color:var(--df-secondary);cursor:pointer;margin-inline-start:var(--spacing-8)}[data-theme=dark] .radio-input{background-color:var(--db-quaternary);border:1px solid var(--df-secondary)}[data-theme=dark] .radio-input:before{border:5px solid var(--db-primary)}[data-theme=dark] .radio-input:checked{background-color:var(--da-primary);border:1px solid var(--da-primary)}[data-theme=dark] .radio-input:hover{border:1px solid var(--da-primary-muted)}[data-theme=dark] .radio-input:focus{border:1px solid var(--da-primary)}[data-theme=light] .radio-input{background-color:var(--lb-quaternary);border:1px solid var(--lf-secondary)}[data-theme=light] .radio-input:before{border:5px solid var(--lb-primary)}[data-theme=light] .radio-input:checked{background-color:var(--la-primary);border:1px solid var(--la-primary)}[data-theme=light] .radio-input:hover{border:1px solid var(--la-primary-muted)}[data-theme=light] .radio-input:focus{border:1px solid var(--la-primary)}.icon{display:flex;align-items:center;block-size:var(--spacing-16);cursor:default;font-family:var(--font-size-m);font-size:var(--font-size-m);inline-size:var(--spacing-16);justify-content:center;-webkit-user-select:none;user-select:none}.select{appearance:none;background-position:right 7px center;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">%0A  <path%0A    d="m4 6 4 4 4-4"%0A    style="%0A      fill: none;%0A      stroke-width: 1;%0A      stroke: rgb(143, 157, 163);%0A      stroke-opacity: 1;%0A    "%0A  />%0A</svg>%0A');background-repeat:no-repeat;block-size:32px;border:1px solid;border-radius:var(--spacing-8);box-sizing:border-box;cursor:pointer;inline-size:100%;font-family:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-m);outline:none;padding-inline:var(--spacing-8);text-overflow:ellipsis;white-space:nowrap}.select:disabled{cursor:not-allowed}.select-label-hidden{block-size:1px;border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-theme=dark] .select{background-color:var(--db-tertiary);border-color:var(--db-tertiary);color:var(--df-primary)}[data-theme=dark] .select:hover{background-color:var(--db-quaternary);border-color:var(--db-quaternary)}[data-theme=dark] .select:focus{background-color:var(--db-tertiary);border-color:var(--da-primary)}[data-theme=dark] .select:disabled{background-color:var(--db-primary);border-color:var(--db-quaternary)}[data-theme=light] .select{background-color:var(--lb-tertiary);border-color:var(--lb-tertiary);color:var(--lf-primary)}[data-theme=light] .select:hover{background-color:var(--lb-quaternary);border-color:var(--lb-quaternary)}[data-theme=light] .select:focus{background-color:var(--lb-tertiary);border-color:var(--la-primary)}[data-theme=light] .select:disabled{background-color:var(--lb-primary);border-color:var(--lb-quaternary)}.input-label-hidden{block-size:1px;border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-theme=dark] .input{background-color:var(--db-tertiary);border-color:var(--db-tertiary);color:var(--df-primary)}[data-theme=dark] .input:focus{border-color:var(--da-primary)}[data-theme=dark] .input:hover{background-color:var(--db-quaternary);border-color:var(--db-quaternary)}[data-theme=dark] .input:focus{background-color:var(--db-primary);border-color:var(--da-primary)}[data-theme=dark] .input:disabled{background-color:var(--db-primary);border-color:var(--db-quaternary);cursor:not-allowed}[data-theme=dark] .input::placeholder{color:var(--df-secondary)}[data-theme=dark] .input:invalid{background-color:var(--db-primary)}[data-theme=dark] .input.success{background-color:var(--db-primary);border-color:var(--da-tertiary)}[data-theme=dark] .input.error{background-color:var(--db-primary)}[data-theme=light] .input{background-color:var(--lb-tertiary);border-color:var(--lb-tertiary);color:var(--lf-primary)}[data-theme=light] .input:focus{background-color:var(--lb-secondary);border-color:var(--la-primary)}[data-theme=light] .input:hover{background-color:var(--lb-quaternary);border-color:var(--lb-quaternary)}[data-theme=light] .input:focus{background-color:var(--lb-primary);border-color:var(--la-primary)}[data-theme=light] .input:disabled{background-color:var(--lb-primary);border-color:var(--lb-quaternary);cursor:not-allowed}[data-theme=light] .input::placeholder{color:var(--lf-secondary)}[data-theme=light] .input:invalid{background-color:var(--lb-primary)}[data-theme=light] .input.success{background-color:var(--lb-primary);border-color:var(--la-tertiary)}[data-theme=light] .input.error{background-color:var(--lb-primary)}.input{display:flex;border:1px solid;border-radius:var(--spacing-8);font-family:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-m);outline:none;padding-block:var(--spacing-8);padding-inline:var(--spacing-8)}.input:invalid{border-color:var(--error-500)}.input.error{border-color:var(--error-500)}.switch-container{position:relative;display:inline-block;width:46px;height:26px;outline:none}.switch-container input:focus+.switch-slider,.switch-container input:active+.switch-slider{background-color:var(--background-primary);border-color:var(--accent-primary)}.switch-container input:checked+.switch-slider:before{background-color:var(--accent-primary);transform:translate(20px)}.switch-container .switch-slider{position:absolute;cursor:pointer;inset:0;border:1px solid;border-color:var(--background-tertiary);background-color:var(--background-tertiary);transition:.4s;border-radius:12px}.switch-container .switch-slider:hover{background-color:var(--background-quaternary);border-color:var(--background-quaternary)}.switch-container .switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--foreground-secondary);transition:.4s;border-radius:50%}:root{--cf-bg: var(--db-primary);--cf-surface: var(--db-tertiary);--cf-surface-hover: var(--db-quaternary);--cf-surface-border: transparent;--cf-surface-2: var(--db-secondary);--cf-input-bg: var(--db-quaternary);--cf-fg: var(--df-primary);--cf-fg-secondary: var(--df-secondary);--cf-fg-muted: var(--df-tertiary);--cf-border: var(--bd-tertiary);--cf-border-strong: var(--bd-secondary);--cf-accent: var(--da-primary);--cf-accent-hover: var(--da-primary-muted);--cf-on-accent: var(--db-secondary);--cf-focus: var(--ac-primary);--cf-anchor: var(--db-quaternary);--cf-anchor-hover: var(--df-secondary);--cf-overlay: rgba(0, 0, 0, .5);--cf-shadow: rgba(0, 0, 0, .3);--cf-cursor-ring: rgba(0, 0, 0, .3);--cf-toast-bg: #333333;--cf-toast-fg: #ffffff;--cf-error: #ff6b6b;--cf-radius: 8px;--cf-control-height: 43px}body[data-theme=light]{--cf-bg: var(--lb-primary);--cf-surface: var(--lb-tertiary);--cf-surface-hover: var(--lb-quaternary);--cf-surface-border: var(--ld-tertiary);--cf-surface-2: var(--lb-secondary);--cf-input-bg: var(--lb-quaternary);--cf-fg: var(--lf-primary);--cf-fg-secondary: var(--lf-secondary);--cf-fg-muted: var(--lf-tertiary);--cf-border: var(--ld-tertiary);--cf-border-strong: var(--bd-secondary);--cf-accent: var(--la-primary);--cf-accent-hover: var(--la-primary-muted);--cf-on-accent: var(--lf-inverse);--cf-anchor: var(--df-secondary);--cf-anchor-hover: var(--lf-secondary);--cf-overlay: rgba(255, 255, 255, .8);--cf-shadow: rgba(0, 0, 0, .1);--cf-cursor-ring: rgba(255, 255, 255, .8);--cf-toast-bg: #1f1f1f;--cf-error: #d64545}:root{font-family:Work Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;background-color:var(--cf-bg);color:var(--cf-fg);font-size:14px;min-width:400px;overflow-x:hidden}.plugin-container{padding:16px;min-width:400px;min-height:715px;overflow:hidden}.section{margin-bottom:16px}.row{display:flex;gap:8px;align-items:center}.row--top-gap{margin-top:8px}.row__separator{font-size:16px;color:var(--cf-fg);padding:0 4px}.field{display:flex;align-items:center;gap:8px;background-color:var(--cf-surface);border:1px solid var(--cf-surface-border);border-radius:var(--cf-radius);padding:0 10px;height:var(--cf-control-height);color:var(--cf-fg)}.field:hover{background-color:var(--cf-surface-hover)}.field:focus-within{border-color:var(--cf-focus)}.field--compact{flex:0 0 auto;padding:0 8px}.field__icon{font-size:14px;color:var(--cf-fg);-webkit-user-select:none;user-select:none}.number-input{background-color:transparent;border:none;color:var(--cf-fg);font:inherit;font-size:14px;font-weight:500;width:32px;text-align:center;outline:none;-moz-appearance:textfield;appearance:textfield}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.text-input{width:100%;background-color:var(--cf-input-bg);border:1px solid var(--cf-border);border-radius:var(--cf-radius);color:var(--cf-fg);padding:12px;font:inherit;font-size:14px}.text-input::placeholder{color:var(--cf-fg-muted)}.text-input:focus{outline:none;border-color:var(--cf-focus)}.icon{display:inline-flex;width:16px;height:16px;flex-shrink:0}.icon svg{width:100%;height:100%}.icon--mirror{transform:scaleX(-1)}button[data-appearance=secondary]{flex:1}.color-opacity-row{display:flex;justify-content:space-between;align-items:center;background-color:var(--cf-surface);border:1px solid var(--cf-surface-border);border-radius:var(--cf-radius);padding:8px 12px}.color-opacity-row:hover{background-color:var(--cf-surface-hover)}.color-picker{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:var(--cf-fg);font:inherit}.color-swatch{width:24px;height:24px;background-color:#000;border-radius:4px;border:1px solid var(--cf-border)}.color-label{font-size:14px;font-weight:500}.opacity-control{display:flex;align-items:center;gap:8px;color:var(--cf-fg)}.opacity-icon{font-size:16px}.opacity-value{font-size:14px;font-weight:500}.dropdown{position:relative;flex:1 1 0;min-width:0}.dropdown__trigger{display:flex;align-items:center;gap:8px;width:100%;height:var(--cf-control-height);padding:0 10px;background-color:var(--cf-surface);border:1px solid var(--cf-surface-border);border-radius:var(--cf-radius);color:var(--cf-fg);font:inherit;font-size:14px;text-align:left;cursor:pointer}.dropdown--compact{flex:0 0 auto}.dropdown--compact .dropdown__trigger{width:auto;padding:0 8px}.dropdown__trigger:hover,.dropdown--open .dropdown__trigger{background-color:var(--cf-surface-hover)}.dropdown__trigger:focus-visible{outline:none;border-color:var(--cf-focus)}.dropdown__icon{display:inline-flex}.dropdown__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__chevron{color:var(--cf-fg-muted);transition:transform .15s ease}.dropdown--open .dropdown__chevron{transform:rotate(180deg)}.dropdown__list{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:240px;overflow-y:auto;margin:0;padding:4px;list-style:none;background-color:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:0 8px 24px var(--cf-shadow);z-index:100;outline:none}.dropdown__list[hidden]{display:none}.dropdown__list--up{top:auto;bottom:calc(100% + 4px)}.dropdown__list--right{left:auto;right:0}.dropdown__option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:var(--cf-fg);white-space:nowrap;cursor:pointer}.dropdown__option--active{background-color:var(--cf-surface-hover)}.dropdown__option-label{flex:1}.dropdown__check{visibility:hidden;color:var(--cf-accent)}.dropdown__option[aria-selected=true] .dropdown__check{visibility:visible}.preview-section{background-color:var(--cf-surface-2);border-radius:var(--cf-radius);padding:28px 16px;border:1px solid var(--cf-border-strong)}.preview-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-element{position:relative;background-color:var(--cf-surface);border-radius:var(--cf-radius);padding:24px 16px;flex:1;text-align:center;min-height:80px;max-height:80px;display:flex;align-items:center;justify-content:center}.preview-text{font-size:12px;color:var(--cf-fg-secondary);line-height:1.3;transition:color .2s ease}.preview-text.selected{color:var(--cf-fg);font-weight:500}.anchor-point{position:absolute;width:12px;height:12px;background-color:var(--cf-anchor);border:2px solid var(--cf-surface-2);border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .2s ease;z-index:10}.anchor-point:hover{background-color:var(--cf-anchor-hover)}.anchor-point:focus-visible{outline:2px solid var(--cf-focus);outline-offset:1px}.anchor-point.selected{background-color:var(--cf-accent)}.anchor-point.top{top:-6px;left:50%;transform:translate(-50%)}.anchor-point.right{right:-6px;top:50%;transform:translateY(-50%)}.anchor-point.bottom{bottom:-6px;left:50%;transform:translate(-50%)}.anchor-point.left{left:-6px;top:50%;transform:translateY(-50%)}.anchor-point.top:hover,.anchor-point.top.selected,.anchor-point.bottom:hover,.anchor-point.bottom.selected{transform:translate(-50%) scale(1.25)}.anchor-point.right:hover,.anchor-point.right.selected,.anchor-point.left:hover,.anchor-point.left.selected{transform:translateY(-50%) scale(1.25)}.connector-arrow{font-size:20px;color:var(--cf-fg-muted);margin:0 8px}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:16px}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:20px;height:20px;background-color:var(--cf-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--cf-on-accent);font-weight:700}.checkbox-container input[type=checkbox]:not(:checked)+.checkmark{background-color:var(--cf-input-bg);border:1px solid var(--cf-border);color:transparent}.checkbox-container input[type=checkbox]:focus-visible+.checkmark{outline:2px solid var(--cf-focus);outline-offset:1px}.checkbox-label{font-size:14px;color:var(--cf-fg)}.sticky-section{border-top:1px solid var(--cf-border);padding-top:16px}.sticky-status{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--cf-fg)}.sticky-hint{margin:0 0 12px;font-size:12px;line-height:1.4;color:var(--cf-fg-muted)}.notifications{position:fixed;top:16px;right:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.notification{background-color:var(--cf-toast-bg);color:var(--cf-toast-fg);padding:12px 16px;border-radius:var(--cf-radius);font-size:13px;box-shadow:0 4px 12px var(--cf-shadow);border-left:3px solid var(--cf-accent)}.notification--error{border-left-color:var(--cf-error)}.color-picker-overlay{position:fixed;inset:0;background-color:var(--cf-overlay);display:none;justify-content:center;align-items:center;z-index:10000}.color-picker-container{background-color:var(--cf-bg);border-radius:12px;padding:20px;box-shadow:0 10px 30px var(--cf-shadow);width:320px;border:1px solid var(--cf-border-strong)}.color-area-container{position:relative;margin-bottom:16px}.color-area{width:100%;height:200px;border-radius:var(--cf-radius);cursor:crosshair;border:1px solid var(--cf-border-strong)}.color-area-cursor{position:absolute;width:12px;height:12px;border:2px solid var(--cf-fg);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px var(--cf-cursor-ring);transform:translate(-50%,-50%)}.color-controls{display:flex;align-items:center;gap:16px;margin-bottom:16px}.color-preview-circle{width:40px;height:40px;border-radius:50%;border:2px solid var(--cf-border);position:relative}.color-preview-circle:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 45deg,var(--cf-fg-muted) 45deg,var(--cf-fg-muted) 135deg,transparent 135deg,transparent 225deg,var(--cf-fg-muted) 225deg,var(--cf-fg-muted) 315deg,transparent 315deg);z-index:-1}.sliders-container{flex:1;display:flex;flex-direction:column;gap:12px}.slider-container{position:relative;height:16px}.hue-slider,.opacity-slider{width:100%;height:16px;border-radius:8px;position:relative;cursor:pointer;border:1px solid var(--cf-border-strong)}.hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.opacity-slider:before{content:"";position:absolute;inset:0;border-radius:8px;background-image:linear-gradient(45deg,var(--cf-fg-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--cf-fg-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--cf-fg-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--cf-fg-muted) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;z-index:-1}.slider-handle{position:absolute;width:16px;height:16px;background-color:var(--cf-fg);border:2px solid var(--cf-surface);border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 2px 4px var(--cf-shadow)}.color-inputs{display:flex;gap:12px}.input-container{flex:1;display:flex;flex-direction:column;gap:4px}.hex-input,.opacity-input{background-color:var(--cf-input-bg);border:1px solid var(--cf-border);border-radius:6px;color:var(--cf-fg);padding:8px 12px;font-size:14px;text-align:center;font-family:Courier New,monospace}.hex-input:focus,.opacity-input:focus{outline:none;border-color:var(--cf-focus)}.input-label{font-size:12px;color:var(--cf-fg-muted);text-align:center;font-weight:500;text-transform:uppercase;letter-spacing:.5px}