@import "https://fonts.bunny.net/css?family=work-sans:400,500&display=swap";html,body{font-optical-sizing:auto;margin:0;padding:0;font-family:Work Sans,sans-serif;font-style:normal}body,h1,h2,h3,h4,h5,p,pre{margin:0}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}ul{margin:0;padding:0;list-style:none}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;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]{--lightningcss-light:initial;--lightningcss-dark: ;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{border-radius:var(--spacing-8);-webkit-box-shadow:inset 0 0 6px #0000}::-webkit-scrollbar-thumb{border-radius:var(--spacing-8);-webkit-box-shadow:inset 0 0 6px #aab5ba}:root{--db-primary:#18181a;--db-secondary:#000;--db-tertiary:#212426;--db-quaternary:#2e3434;--lb-primary:#fff;--lb-secondary:#e8eaee;--lb-tertiary:#f3f4f6;--lb-quaternary:#eef0f2;--df-primary:#fff;--df-secondary:#8f9da3;--lf-primary:#000;--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:#fff;--app-black:#000;--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;--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)){text-transform:uppercase;border:2px solid #0000;border-radius:8px;padding:8px 24px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2}: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);color:var(--db-secondary);border:2px solid #0000}[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{border:2px solid var(--db-quaternary);color:var(--df-secondary);background-color:#0000}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]{background-color:var(--error-500);border:2px solid #0000}[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{border:var(--df-secondary);background-color:#0000}[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{border:2px solid var(--db-quaternary);background-color:#0000}[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{border:2px solid var(--lb-quaternary);color:var(--lf-secondary);background-color:#0000}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]{border:2px solid var(--error-200);color:var(--lf-secondary);background-color:#0000}[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{border:2px solid var(--lb-quaternary);background-color:#0000}.checkbox-container{color:var(--foreground-secondary);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.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;transition:all .12s ease-in-out;position:relative}.checkbox-container .checkbox-input[type=checkbox]:after{content:"";border-style:solid;border-width:0;block-size:8px;inline-size:5px;margin-block-start:2px;margin-inline-start:5px;display:flex;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{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}[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{appearance:none;block-size:var(--spacing-16);inline-size:var(--spacing-16);border-radius:50%;justify-content:center;align-items:center;margin:0;margin-block-start:2px;display:grid;transform:translateY(-.075em)}.radio-container .radio-input:before{content:"";border-radius:50%;transition:transform .12s ease-in-out;transform:scale(0)}.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{block-size:var(--spacing-16);cursor:default;font-family:var(--font-size-m);font-size:var(--font-size-m);inline-size:var(--spacing-16);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.select{appearance:none;border-radius:var(--spacing-8);box-sizing:border-box;cursor:pointer;block-size:32px;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);padding-inline:var(--spacing-8);text-overflow:ellipsis;white-space:nowrap;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-position:right 7px center;background-repeat:no-repeat;border:1px solid;outline:none}.select:disabled{cursor:not-allowed}.select-label-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}[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{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}[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: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{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);padding-block:var(--spacing-8);padding-inline:var(--spacing-8);border:1px solid;outline:none;display:flex}.input:invalid,.input.error{border-color:var(--error-500)}.switch-container{outline:none;width:46px;height:26px;display:inline-block;position:relative}.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{cursor:pointer;border:1px solid;border-color:var(--background-tertiary);background-color:var(--background-tertiary);border-radius:12px;transition:all .4s;position:absolute;inset:0}.switch-container .switch-slider:hover{background-color:var(--background-quaternary);border-color:var(--background-quaternary)}.switch-container .switch-slider:before{content:"";background-color:var(--foreground-secondary);border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}[data-theme=light]{--muted-color:#6b7280}[data-theme=dark]{--muted-color:#9ca3af}body{margin:0}.panel{gap:var(--spacing-16);padding:var(--spacing-16);flex-direction:column;display:flex}.hint{padding:var(--spacing-20) 0;text-align:center;color:var(--muted-color);margin:0;font-size:14px;line-height:1.4}.controls{gap:var(--spacing-16);flex-direction:column;display:flex}.preview{padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--border-color,currentColor);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;margin:0;font-size:16px;font-weight:600;overflow:hidden}.field{gap:var(--spacing-8);flex-direction:column;display:flex}.field-header{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.field-header label{font-size:14px;font-weight:500}.angle-number{text-align:right;width:72px}input[type=range]{width:100%;accent-color:var(--da-primary,currentColor);cursor:pointer}.flip-row{align-items:center;gap:var(--spacing-8);cursor:pointer;font-size:14px;display:flex}.warn{color:var(--muted-color);margin:0;font-size:12px;line-height:1.4}.actions{gap:var(--spacing-8);display:flex}.actions button{flex:1}