@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%}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}.app-container{display:flex;height:100vh;overflow:hidden;background-color:var(--background-primary)}.sidebar{width:220px;min-width:220px;display:flex;flex-direction:column;border-right:1px solid var(--background-quaternary);overflow:hidden;transition:width .2s ease,min-width .2s ease}.sidebar.collapsed{width:0;min-width:0;border-right:none}.sidebar-header{display:flex;align-items:center;padding:8px 10px;gap:6px;flex-shrink:0}.sidebar-title-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.sidebar-label{font-weight:var(--font-weight-bold);color:var(--foreground-primary)}.sidebar-count{background-color:var(--background-tertiary);border-radius:4px;padding:2px 4px;color:var(--foreground-secondary)}.sidebar-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.sidebar-search-box{padding:0 10px 8px;flex-shrink:0}.sidebar-search-box .input{width:100%}.sets-list{flex:1;overflow-y:auto;padding:0;margin:0;list-style:none}.set-item{display:flex;align-items:center;gap:7px;padding:8px 10px;cursor:pointer;border-left:2px solid transparent;transition:background-color .12s;-webkit-user-select:none;user-select:none}.set-item:hover{background-color:var(--background-tertiary)}.set-item.active{border-left-color:var(--accent-primary);background-color:var(--background-tertiary)}.set-item .set-icon{flex-shrink:0;color:var(--foreground-secondary);display:flex;align-items:center}.set-item .set-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-secondary);font-size:var(--font-size-s)}.set-item.active .set-name{color:var(--foreground-primary)}.sets-empty-state{padding:20px 10px;color:var(--foreground-secondary);text-align:center}.set-tree-group{list-style:none;font-size:var(--font-size-s)}.set-tree-group-row{display:flex;align-items:center;gap:7px;padding-top:8px;padding-bottom:8px;padding-right:10px;cursor:pointer;border-left:2px solid transparent;transition:background-color .12s;-webkit-user-select:none;user-select:none}.set-tree-group-row:hover{background-color:var(--background-tertiary)}.set-tree-group.active>.set-tree-group-row{border-left-color:var(--accent-primary);background-color:var(--background-tertiary)}.set-tree-group.active>.set-tree-group-row .set-name{color:var(--foreground-primary)}.set-tree-chevron{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--foreground-secondary)}.set-tree-chevron:hover{color:var(--foreground-primary)}.set-tree-children{list-style:none;padding:0;margin:0}.themes-section{border-top:1px solid var(--background-quaternary);padding:10px;flex-shrink:0;display:none}.themes-header{display:flex;align-items:center;margin-bottom:5px}.themes-title-group{display:flex;align-items:center;gap:6px;flex:1}.themes-description{color:var(--foreground-secondary);font-size:var(--font-size-xs);line-height:1.5;margin:0}.themes-list{list-style:none;padding:0;margin:4px 0 0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;border-radius:6px;color:var(--foreground-secondary);cursor:pointer;transition:background-color .12s,color .12s;flex-shrink:0}.icon-btn:hover{background-color:var(--background-tertiary);color:var(--foreground-primary)}.icon-btn:active{background-color:var(--background-quaternary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.view{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-header{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;border-bottom:1px solid var(--background-quaternary);gap:10px;flex-shrink:0}.main-header-left{display:flex;align-items:center;gap:6px;min-width:0}.main-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-title{font-weight:var(--font-weight-bold);color:var(--foreground-primary)}.breadcrumb-prefix{color:var(--foreground-secondary);font-size:var(--font-size-s)}.breadcrumb-set{font-weight:var(--font-weight-bold);color:var(--foreground-primary);font-size:var(--font-size-s)}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper .search-icon{position:absolute;left:8px;color:var(--foreground-secondary);pointer-events:none}.search-wrapper .search-input{padding-left:28px;min-width:180px}.sets-overview-list{flex:1;overflow-y:auto;padding:14px 16px}.set-card{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--background-quaternary);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background-color .12s}.set-card:hover{background-color:var(--background-tertiary)}.set-card-icon{color:var(--foreground-secondary);display:flex;align-items:center;flex-shrink:0}.set-card-name{flex:1;font-size:var(--font-size-s);color:var(--foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-card-meta{display:flex;align-items:center;gap:14px;color:var(--foreground-secondary);font-size:var(--font-size-xs);flex-shrink:0}.set-card-count{background-color:var(--background-tertiary);border-radius:4px;padding:4px;display:flex;align-items:center;gap:4px}.tokens-table-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;--col-widths: 52px 170px 185px 160px 110px 36px}.tokens-table-header,.token-row{display:grid;grid-template-columns:var(--col-widths);align-items:center;min-width:0}.tokens-table-header{border-bottom:1px solid var(--background-quaternary);height:36px;position:sticky;top:0;background-color:var(--background-primary);z-index:2}.tokens-table-header .tcol-check{padding:0 5px}.tokens-table-header>div{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-secondary);display:flex;align-items:center;text-transform:none;letter-spacing:0;overflow:hidden;min-width:0;padding:0 var(--spacing-8);position:relative;height:100%;justify-content:right}.th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-right:8px}.col-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:8px;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10;display:flex;align-items:center;justify-content:center}.col-resize-handle:after{content:"";width:1px;height:55%;background-color:var(--background-quaternary);border-radius:1px;transition:background-color .15s,height .15s}.col-resize-handle:hover:after,.col-resize-handle.is-dragging:after{background-color:var(--accent-primary);height:75%}html.col-resizing,html.col-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--foreground-primary)}.sort-icon{display:inline-flex;align-items:center;flex-shrink:0;margin-left:3px;opacity:0;color:var(--foreground-secondary);transition:opacity .15s,transform .2s ease}.sort-icon.is-active{opacity:1;color:var(--accent-primary)}.sort-icon.is-desc{transform:rotate(180deg)}.th-sortable:hover .sort-icon:not(.is-active){opacity:.4}.tokens-table-body{overflow-y:auto;flex:1}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 12px;min-height:34px;background-color:var(--background-secondary);border-bottom:1px solid var(--background-quaternary);position:sticky;top:36px;z-index:1}.bulk-bar-label{color:var(--foreground-secondary);flex-shrink:0;white-space:nowrap}.bulk-bar-actions{display:flex;align-items:center;gap:2px}.bulk-danger-btn{color:var(--red, #e05c4b)}.bulk-danger-btn:hover{background-color:color-mix(in srgb,var(--red, #e05c4b) 12%,transparent);color:var(--red, #e05c4b)}.token-group-header{display:flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--background-secondary);cursor:default;font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--foreground-secondary);border-bottom:1px solid var(--background-quaternary);display:none}.token-row{min-height:34px;border-bottom:1px solid var(--background-tertiary);transition:background-color .1s;padding:4px 0}.token-row:hover{background-color:var(--background-tertiary)}.token-row>div{overflow:hidden;min-width:0;padding:0 4px}.tcol-check{display:flex;align-items:center;gap:5px}.row-num{font-size:var(--font-size-xs);color:var(--foreground-secondary);min-width:18px;text-align:right;flex-shrink:0}.col-name-text{font-size:var(--font-size-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--foreground-primary)}.col-value-inner{display:flex;align-items:center;gap:6px;overflow:hidden;min-width:0}.color-swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--background-quaternary);flex-shrink:0;display:inline-block}.token-value-text{font-size:var(--font-size-s);color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.alias-chip{display:flex;align-items:center;gap:6px;padding:3px 6px 3px 5px;border:1px solid var(--accent-primary-muted);border-radius:6px;background-color:var(--background-primary);cursor:pointer;overflow:hidden;min-width:0;flex:1;transition:background-color .12s;max-width:fit-content}.alias-chip:hover{background-color:var(--background-tertiary)}.alias-chip-name{font-size:var(--font-size-s);color:var(--accent-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.alias-chip-icon{flex-shrink:0;color:var(--accent-tertiary);opacity:0;transition:opacity .12s}.alias-chip:hover .alias-chip-icon{opacity:1}.alias-chip--inline{flex:none}.composite-preview{display:flex;flex-wrap:wrap;flex-direction:column;gap:5px;min-width:0;overflow:hidden;width:100%}.cprop{display:inline-flex;align-items:center;gap:2px;min-width:0;flex-shrink:1}.cprop>svg{flex-shrink:0;color:var(--foreground-secondary);opacity:.7}.cprop-val{font-size:var(--font-size-s);color:var(--foreground-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cprop-val--muted{color:var(--foreground-secondary)}.cprop-more{font-size:10px;color:var(--foreground-secondary);padding:0 2px;cursor:default;flex-shrink:0}.cprop-badge{font-size:10px;color:var(--foreground-secondary);background-color:var(--background-tertiary);border:1px solid var(--background-quaternary);border-radius:3px;padding:0 3px;white-space:nowrap;flex-shrink:0}.cprop-badge--accent{color:var(--foreground-primary);background-color:var(--accent-primary-muted);border-color:var(--accent-primary);border-radius:4px;padding:1px 6px;font-weight:var(--font-weight-bold)}.cprop-sep{opacity:.45;padding:0 1px;pointer-events:none}.composite-empty{font-size:var(--font-size-s);color:var(--foreground-secondary);font-style:italic}.mixed-value-cell{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0;overflow:hidden}.mixed-value-text{font-size:var(--font-size-s);color:var(--foreground-secondary);white-space:nowrap;flex-shrink:0}.mixed-alias-broken{font-size:var(--font-size-s);color:var(--error-500);text-decoration:underline wavy var(--error-500);white-space:nowrap;flex-shrink:0;cursor:default}.alias-editor-popover{position:fixed;z-index:300;background-color:var(--background-primary);border:1px solid var(--background-quaternary);border-radius:8px;box-shadow:0 6px 20px #00000038;overflow:hidden;min-width:264px}.alias-editor-input-row{display:flex;align-items:center;gap:6px;padding:8px}.alias-editor-swatch{flex-shrink:0}.alias-editor-swatch-placeholder{width:14px;height:14px;flex-shrink:0}.alias-editor-input{flex:1;min-width:0;height:30px;padding:0 8px;border:1.5px solid var(--accent-primary);border-radius:6px;background-color:var(--background-secondary);color:var(--foreground-primary);font-size:var(--font-size-s);font-family:inherit;outline:none}.alias-editor-preview-name{flex:1;min-width:0;font-size:var(--font-size-s);color:var(--foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alias-editor-chevron{flex-shrink:0;color:var(--foreground-secondary)}.alias-editor-actions{display:flex;gap:8px;padding:0 8px 8px}.alias-editor-cancel,.alias-editor-save{flex:1}.alias-picker-search-row{padding:8px 6px}.alias-picker-search{display:block;width:100%;height:30px;padding:0 8px;border:1.5px solid var(--accent-primary);border-radius:6px;background-color:var(--background-secondary);color:var(--foreground-primary);font-size:var(--font-size-s);font-family:inherit;outline:none;box-sizing:border-box}.alias-picker-list{max-height:216px;overflow-y:auto;border-top:1px solid var(--background-quaternary)}.alias-picker-group-label{display:flex;align-items:center;gap:4px;padding:12px 10px 4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none}.alias-picker-group-label:hover{color:var(--foreground-primary)}.alias-picker-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;cursor:pointer;transition:background-color .1s;min-width:0}.alias-picker-item:hover{background-color:var(--background-tertiary)}.alias-picker-item-name{flex:1;min-width:0;font-size:var(--font-size-s);font-family:monospace;color:var(--foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alias-picker-item-icon{flex-shrink:0;color:var(--foreground-secondary);display:inline-flex}.alias-picker-empty{padding:16px 12px;font-size:var(--font-size-s);color:var(--foreground-secondary);text-align:center}.token-resolved-text{font-size:var(--font-size-s);color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;width:100%}.col-type-inner{display:flex;align-items:center;gap:5px;overflow:hidden;min-width:0}.token-type-icon{color:var(--foreground-secondary);flex-shrink:0;display:flex;align-items:center}.token-type-label{font-size:var(--font-size-s);color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcol-actions{display:flex;justify-content:flex-end}.empty-state-msg{padding:28px 18px;color:var(--foreground-secondary);text-align:center}.context-menu{position:fixed;z-index:900;background-color:var(--background-primary);border:1px solid var(--background-quaternary);border-radius:10px;box-shadow:0 6px 20px #00000021;min-width:148px;padding:4px}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:var(--font-size-s);color:var(--foreground-primary);cursor:pointer;border-radius:7px;transition:background-color .1s;-webkit-user-select:none;user-select:none}.context-menu-item:hover{background-color:var(--background-tertiary)}.context-menu-item.danger{color:var(--error-500)}.context-menu-item.danger:hover{background-color:#ff327714}.modal-overlay{position:fixed;inset:0;z-index:800;background-color:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.modal{background-color:var(--background-primary);border-radius:14px;box-shadow:0 10px 40px #0003;width:min(480px,92vw);max-height:86vh;overflow-y:auto;padding:22px 24px 24px;display:flex;flex-direction:column;gap:0}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;gap:12px}.modal-title{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--foreground-primary);flex:1}.modal-body{display:flex;flex-direction:column;gap:14px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:22px}.modal-footer-left{flex:1;display:flex;align-items:center;gap:6px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--foreground-primary)}.form-label .optional{font-weight:var(--font-weight-regular);color:var(--accent-primary);margin-left:4px}.form-input{width:100%}.select,.select.form-input{background-size:14px}.value-input-wrapper{display:flex;align-items:center;gap:0;position:relative}.value-input-wrapper .input{flex:1}.color-swatch-small{width:18px;height:18px;border-radius:3px;border:1px solid var(--background-quaternary);flex-shrink:0;position:absolute;left:9px;pointer-events:none}.value-input-wrapper .input.has-swatch{padding-left:34px}.value-alias-trigger{flex-shrink:0;margin-left:4px}.value-alias-trigger.active,.value-alias-trigger[aria-expanded=true]{background-color:var(--background-tertiary);color:var(--accent-primary)}.modal-alias-picker{position:fixed;z-index:860;background-color:var(--background-primary);border:1px solid var(--background-quaternary);border-radius:8px;box-shadow:0 6px 20px #00000038;overflow:hidden;display:flex;flex-direction:column}.shadow-layer+.shadow-layer{margin-top:12px;padding-top:12px;border-top:1px solid var(--background-tertiary)}.shadow-layer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.shadow-add-layer-btn{margin-top:10px;align-self:flex-start;background:none;border:none;padding:0;color:var(--accent-primary);font-size:var(--font-size-s);cursor:pointer}.shadow-grid,.typo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.move-select-wrapper{display:flex;align-items:center;gap:8px}.move-select-wrapper .select{flex:1}.context-menu-divider{height:1px;background-color:var(--background-quaternary);margin:4px}.compare-exit-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:inherit;padding:4px 10px;height:28px;border-radius:6px;border:1px solid var(--background-quaternary);background-color:var(--background-secondary);color:var(--foreground-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .12s,color .12s}.compare-exit-btn:hover{background-color:var(--background-tertiary);color:var(--foreground-primary)}.compare-table-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;--cmp-col-template: 170px 1fr 110px}.compare-table-header,.cmp-row{display:grid;grid-template-columns:var(--cmp-col-template);min-width:0}.compare-table-header{border-bottom:1px solid var(--background-quaternary);height:36px;position:sticky;top:0;background-color:var(--background-primary);z-index:2;flex-shrink:0}.compare-table-body{overflow-y:auto;flex:1}.cmp-th{display:flex;align-items:center;border-right:1px solid var(--background-secondary);gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-secondary);padding:0 8px;overflow:hidden;min-width:0;position:relative;height:100%}.cmp-th-compared{gap:4px}.cmp-col-remove-btn{opacity:0;flex-shrink:0;transition:opacity .12s;width:22px;height:22px}.cmp-th-compared:hover .cmp-col-remove-btn{opacity:1}.cmp-th-add{display:flex;align-items:center;justify-content:center;padding:0 6px}.cmp-add-set-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:inherit;padding:3px 9px;border-radius:6px;border:1px solid var(--background-quaternary);background-color:var(--background-secondary);color:var(--foreground-secondary);cursor:pointer;white-space:nowrap;transition:background-color .12s,color .12s}.cmp-add-set-btn:hover:not(:disabled){background-color:var(--background-tertiary);color:var(--foreground-primary)}.cmp-add-set-btn:disabled{opacity:.45;cursor:default}.cmp-row{min-height:34px;border-bottom:1px solid var(--background-tertiary);align-items:center;padding:4px 0;transition:background-color .1s}.cmp-row:hover{background-color:var(--background-tertiary)}.cmp-td{overflow:hidden;min-width:0;padding:0 8px}.cmp-td-name .col-name-text{font-size:var(--font-size-s);color:var(--foreground-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-td-missing{font-size:var(--font-size-xs);color:var(--foreground-secondary);font-style:italic;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid var(--background-quaternary);padding:6px 8px;flex-shrink:0}.sidebar-math-btn{display:flex;align-items:center;gap:7px;width:100%;padding:7px 4px;border:none;background:none;border-radius:6px;color:var(--foreground-secondary);font-size:var(--font-size-xs);font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;transition:background-color .12s,color .12s}.sidebar-math-btn:hover{background-color:var(--background-tertiary);color:var(--foreground-primary)}.modal--wide{width:min(680px,96vw);max-height:92vh}.math-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}@media(max-width:360px){.math-modal-grid{grid-template-columns:1fr}}.math-section-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.math-section-heading+.math-section-heading,.math-divider+.math-section-heading{margin-top:0}.math-op-block{margin-bottom:12px}.math-op-name{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--foreground-primary);margin:0 0 2px}.math-op-desc{font-size:var(--font-size-xs);color:var(--foreground-secondary);margin:0 0 4px;line-height:1.5}.math-example{display:inline-flex;font-family:monospace;font-size:var(--font-size-xs);background-color:var(--background-secondary);border:1px solid var(--background-quaternary);border-radius:4px;padding:2px 7px;color:var(--foreground-primary);margin:2px 0}.math-example--inline{display:inline;padding:1px 5px}.math-example-note{font-size:var(--font-size-xs);color:var(--foreground-secondary);margin:3px 0 0;line-height:1.4}.math-divider{border:none;border-top:1px solid var(--background-quaternary);margin:14px 0}.math-body-text{font-size:var(--font-size-xs);color:var(--foreground-secondary);line-height:1.5;margin:0 0 8px}.math-note-block{margin-bottom:10px}.math-note-title{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--foreground-primary);margin:0 0 3px}.math-note-text{font-size:var(--font-size-xs);color:var(--foreground-secondary);line-height:1.5;margin:0}.math-use-case-block{margin-bottom:10px}.math-use-case-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-primary);margin:0 0 3px}.math-use-case-note{font-size:var(--font-size-xs);color:var(--foreground-secondary);line-height:1.4;margin:0}.hidden{display:none!important}.upload-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--foreground-secondary);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:6px 4px;border-radius:6px;transition:color .12s}.upload-btn:hover{color:var(--foreground-primary)}.cp-popover{position:fixed;z-index:850;background-color:var(--background-primary);border:1px solid var(--background-quaternary);border-radius:10px;box-shadow:0 8px 28px #00000040;width:240px;overflow:hidden;-webkit-user-select:none;user-select:none}.cp-sv-area{position:relative;width:100%;height:160px;cursor:crosshair}.cp-sv-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.45);box-shadow:0 0 0 1.5px #fff9;transform:translate(-50%,-50%);pointer-events:none}.cp-sliders-wrap{display:flex;flex-direction:column;gap:8px;padding:10px 12px 8px}.cp-track{position:relative;height:12px;border-radius:6px;cursor:pointer}.cp-hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.cp-alpha-track{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:8px 8px;overflow:hidden}.cp-alpha-gradient{position:absolute;inset:0;border-radius:inherit}.cp-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #00000059;pointer-events:none}.cp-inputs-wrap{display:flex;align-items:center;gap:4px;padding:0 12px 10px}.cp-mode-btn{flex-shrink:0;height:28px;padding:0 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:inherit;color:var(--foreground-secondary);background:none;border:1px solid var(--background-quaternary);border-radius:5px;cursor:pointer;transition:background-color .1s,color .1s;white-space:nowrap}.cp-mode-btn:hover{background-color:var(--background-tertiary);color:var(--foreground-primary)}.cp-fields{display:flex;flex:1;gap:3px;min-width:0}.cp-field{flex:1;min-width:0;height:28px;padding:0 4px;font-size:var(--font-size-xs);font-family:inherit;color:var(--foreground-primary);background-color:var(--background-secondary);border:1px solid var(--background-quaternary);border-radius:5px;text-align:center;outline:none;-moz-appearance:textfield}.cp-field::-webkit-outer-spin-button,.cp-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cp-field:focus{border-color:var(--accent-primary)}.cp-alpha-wrap{display:flex;align-items:center;gap:2px;flex-shrink:0}.cp-alpha-wrap .cp-field{width:36px;flex:none}.cp-alpha-pct{font-size:var(--font-size-xs);color:var(--foreground-secondary);white-space:nowrap}.fp-section-header{position:sticky;top:0;padding:8px 10px 4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:.04em;background-color:var(--background-primary);pointer-events:none;-webkit-user-select:none;user-select:none}.fp-item{padding:6px 12px;font-size:var(--font-size-s);color:var(--foreground-primary);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .1s}.fp-item:hover{background-color:var(--background-tertiary)}.fp-divider{height:1px;background-color:var(--background-quaternary);margin:4px 0}.fp-empty{padding:14px 12px;font-size:var(--font-size-s);color:var(--foreground-secondary);text-align:center}.fp-hint{padding:6px 12px;font-size:var(--font-size-xs, 10px);color:var(--foreground-secondary);opacity:.7;border-top:1px solid var(--background-quaternary);text-align:center;pointer-events:none}.fp-input-wrap{position:relative;flex:1;min-width:0}.fp-chevron-btn{position:absolute;right:34px;top:50%;transform:translateY(-50%);color:var(--foreground-secondary);pointer-events:all;padding:0;background:none;border:none;line-height:1}.fp-chevron-btn:hover{color:var(--foreground-primary)}.has-fp-chevron{padding-right:28px!important;width:100%}.token-resolved-issue{font-size:var(--font-size-s);color:var(--error-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.token-resolved-text--warn{color:var(--warning-500)}.alias-chip--broken{border-color:var(--error-500);color:var(--error-500)}.cmp-row--diff .cmp-td-name .col-name-text{color:var(--warning-500)}.cmp-td--diff{box-shadow:inset 2px 0 0 var(--warning-500)}.cmp-resolved{margin-top:2px;font-size:var(--font-size-xs);color:var(--foreground-secondary)}.toast-region{position:fixed;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;z-index:1000;max-width:min(360px,calc(100vw - 24px));pointer-events:none}.toast{padding:8px 12px;border-radius:6px;background:var(--background-secondary);color:var(--foreground-primary);border:1px solid var(--background-quaternary, var(--background-secondary));box-shadow:0 4px 12px #0003;pointer-events:auto}.toast--error{border-color:var(--error-500)}.checkbox-input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;inline-size:var(--spacing-16);block-size:var(--spacing-16);margin:0;border-radius:var(--spacing-4);box-sizing:border-box;cursor:pointer;position:relative;transition:.12s all ease-in-out}.checkbox-input[type=checkbox]:after{content:"";display:flex;inline-size:5px;block-size:8px;margin-block-start:2px;margin-inline-start:5px;border-style:solid;border-width:0;transform:rotate(45deg)}.checkbox-input[type=checkbox]:checked{background-color:var(--accent-primary);border:1px solid var(--accent-primary)}.checkbox-input[type=checkbox]:checked:after{border-color:var(--background-primary);border-width:0 2px 2px 0}.checkbox-input[type=checkbox]:focus-visible{outline:1px solid var(--accent-primary);outline-offset:1px}.set-active-toggle{margin-left:auto}.theme-group-label{padding:6px 10px 2px;color:var(--foreground-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.theme-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--foreground-secondary)}.theme-item--active .theme-dot,.theme-dot--active{border-color:var(--accent-primary);background:var(--accent-primary)}.theme-item--active .set-name{color:var(--foreground-primary)}.themes-modal{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:16px;min-height:320px}.themes-modal-list{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--background-tertiary);padding-right:12px;overflow-y:auto}.themes-modal-group-label{color:var(--foreground-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.themes-modal-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:none;color:var(--foreground-secondary);font-size:var(--font-size-s);text-align:left;cursor:pointer}.themes-modal-item:hover,.themes-modal-item.is-selected{background:var(--background-tertiary);color:var(--foreground-primary)}.themes-modal-item .set-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themes-modal-count{font-size:var(--font-size-xs);color:var(--foreground-secondary)}.themes-modal-new{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px}.themes-modal-detail{display:flex;flex-direction:column;gap:10px;min-width:0}.themes-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.themes-modal-actions{display:flex;align-items:center;gap:6px}.themes-modal-spacer{flex:1}.themes-modal-sets{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}@media(max-width:560px){.themes-modal{grid-template-columns:1fr}.themes-modal-list{border-right:none;padding-right:0}}.modal-warning{margin-top:10px;padding:8px 10px;border-radius:6px;border:1px solid var(--warning-500);color:var(--foreground-primary)}.modal-hint{margin-top:8px;color:var(--foreground-secondary)}.ref-list{margin:6px 0 0;padding-left:18px;color:var(--foreground-primary)}.ref-list .ref-set,.ref-list .ref-more{color:var(--foreground-secondary)}.selection-panel{flex-shrink:0;border-top:1px solid var(--background-quaternary);background-color:var(--background-primary);display:flex;flex-direction:column;max-height:45%}.selection-bar{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:none;color:var(--foreground-secondary);font-family:inherit;cursor:pointer;text-align:left}.selection-bar:hover{background-color:var(--background-tertiary)}.selection-bar:focus-visible{outline:1px solid var(--accent-primary);outline-offset:-1px}.selection-bar-title{color:var(--foreground-primary);font-weight:var(--font-weight-bold)}.selection-bar-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-bar-chevron{flex-shrink:0;transition:transform .15s}.selection-panel.is-open .selection-bar-chevron{transform:rotate(180deg)}.selection-body{overflow-y:auto;padding:0 14px 10px;display:flex;flex-direction:column;gap:10px}.selection-empty{color:var(--foreground-secondary);padding:4px 0}.sel-shape-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.sel-shape-name{color:var(--foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-shape-type{color:var(--foreground-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.sel-none{color:var(--foreground-secondary)}.sel-tokens{display:flex;flex-direction:column;gap:2px}.sel-token{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,auto) minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:26px}.sel-prop,.sel-value{color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-value{display:flex;align-items:center;gap:6px}.sel-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px;border-radius:6px;border:1px solid var(--background-quaternary);background-color:var(--background-tertiary);color:var(--foreground-primary);font-family:inherit;font-size:var(--font-size-s);cursor:pointer}.sel-chip:hover{border-color:var(--accent-primary)}.sel-chip--inactive,.sel-chip--broken{border-color:var(--warning-500)}.sel-chip--missing{border-color:var(--error-500);color:var(--error-500)}.sel-remove{width:24px;height:24px}.token-row--flash{animation:token-row-flash 1.6s ease-out}@keyframes token-row-flash{0%,30%{background-color:var(--accent-primary-muted)}to{background-color:transparent}}.apply-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;margin-top:12px}.apply-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.apply-group-label{padding:0;margin-bottom:2px;color:var(--foreground-primary);font-weight:var(--font-weight-bold)}.apply-prop{gap:8px}.apply-applied{margin-left:auto}.check-modal{display:flex;flex-direction:column;gap:16px}.check-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--foreground-primary);font-weight:var(--font-weight-bold)}.check-count{min-width:20px;padding:0 6px;border-radius:10px;background-color:var(--background-tertiary);color:var(--foreground-secondary);font-size:var(--font-size-xs);text-align:center}.check-count--bad{background-color:var(--error-500);color:var(--app-white)}.check-ok{color:var(--foreground-secondary)}.check-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.check-item{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--background-tertiary);min-width:0}.check-link,.check-name{flex-shrink:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-primary);font-size:var(--font-size-s)}.check-link{border:none;background:none;padding:0;font-family:inherit;cursor:pointer;text-align:left}.check-link:hover{color:var(--accent-primary)}.check-set{color:var(--foreground-secondary)}.check-problem{flex:1;min-width:0;color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-action{flex-shrink:0;border:1px solid var(--background-quaternary);border-radius:6px;background:none;padding:3px 8px;color:var(--foreground-secondary);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer}.check-action:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.import-source,.export-scope{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.export-scope .radio-container{margin:0}.export-set-select{width:auto;min-width:160px;flex:1}.import-file-name{color:var(--foreground-secondary)}.import-paste,.export-preview{width:100%;min-height:140px;margin-top:10px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-xs);line-height:1.5}.export-preview{min-height:240px}.import-options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.import-sets{display:flex;flex-direction:column;margin:10px 0;max-height:180px;overflow-y:auto}.import-set-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--background-tertiary);color:var(--foreground-primary)}.import-set-meta{color:var(--foreground-secondary);white-space:nowrap}@media(max-width:480px){.sel-token{grid-template-columns:minmax(70px,1fr) minmax(0,1fr) 24px}.sel-value{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.set-item:focus-visible,.set-tree-group:focus-visible,.set-card-open:focus-visible,.th-sort-btn:focus-visible,.token-group-toggle:focus-visible,.context-menu-item:focus-visible,.icon-btn:focus-visible,.alias-chip:focus-visible{outline:1px solid var(--accent-primary);outline-offset:-1px}.context-menu-item:focus-visible{background-color:var(--background-tertiary)}.context-menu-item.is-disabled{opacity:.45;cursor:default}.context-menu-item.is-disabled:hover{background-color:transparent}h2.sidebar-label{margin:0;font-size:var(--font-size-s);font-weight:inherit}.set-tree-group:focus-visible>.set-tree-group-row{outline:1px solid var(--accent-primary);outline-offset:-1px}.set-tree-group:focus-visible{outline:none}.themes-list ul,.themes-group{list-style:none;margin:0;padding:0}button.theme-item{width:100%;border:none;border-left:2px solid transparent;background:none;font-family:inherit;text-align:left}.breadcrumb{display:flex;align-items:center;gap:4px;min-width:0}h1.breadcrumb-set{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-select--narrow{min-width:0;width:auto}.main-header-right{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.sets-overview-grid{list-style:none;margin:0;padding:0}.set-card{padding:0 8px 0 0}.set-card-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:11px 0 11px 14px;border:none;background:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;border-radius:8px}.set-card-active{color:var(--accent-primary);font-size:var(--font-size-xs)}.th-sortable{position:relative}.th-sort-btn{display:inline-flex;align-items:center;gap:2px;min-width:0;max-width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:4px}.th-sort-btn .th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-sortable:hover .sort-icon:not(.is-active),.th-sort-btn:focus-visible .sort-icon:not(.is-active){opacity:.4}.token-row.is-selected{background-color:var(--background-tertiary)}.token-group-header{display:block;padding:0}.token-group-cell{padding:0}.token-group-toggle,.token-group-cell>.token-group-label{display:flex;align-items:center;gap:6px;width:100%;padding:6px 14px;border:none;background:none;color:var(--foreground-secondary);font-family:inherit;font-weight:var(--font-weight-bold);text-align:left}.token-group-toggle{cursor:pointer}.token-group-toggle:hover{color:var(--foreground-primary)}.token-group-toggle .token-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-group-count{margin-left:2px;padding:0 6px;border-radius:8px;background-color:var(--background-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.tcol-value--editable{cursor:text}.inline-value-input{width:100%;min-width:0;height:26px;padding-block:2px;font-size:var(--font-size-s)}.tcol-actions{gap:2px;padding-right:4px}.token-apply-btn{opacity:0;transition:opacity .12s}.token-row:hover .token-apply-btn,.token-row:focus-within .token-apply-btn{opacity:1}.bulk-clear-btn{border:none;background:none;padding:4px 8px;color:var(--foreground-secondary);font-family:inherit;cursor:pointer;border-radius:6px}.bulk-clear-btn:hover{color:var(--foreground-primary);background-color:var(--background-tertiary)}.main-header{min-height:46px}.main-header-left{flex:1}.main-header-right{flex-wrap:nowrap}.breadcrumb{flex:0 1 auto}.breadcrumb-prefix{flex-shrink:0;white-space:nowrap}.tokens-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:6px 14px;border-bottom:1px solid var(--background-quaternary);flex-shrink:0;container-type:inline-size}.toolbar-search{flex:1 1 200px;min-width:140px}.toolbar-search .search-input{width:100%;min-width:0}.toolbar-field{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}.toolbar-field-label{color:var(--foreground-secondary);white-space:nowrap}.toolbar-select{width:auto;min-width:0;max-width:190px;padding-right:24px}@container (max-width: 520px){.toolbar-field-label{display:none}.toolbar-select{max-width:150px}}.view .main-header .search-wrapper .search-input{min-width:120px}.modal-form{display:contents}.form-error{margin:4px 0 0;color:var(--error-500)}.fp-dropdown{position:fixed;z-index:870;background-color:var(--background-primary);border:1px solid var(--background-quaternary);border-radius:8px;box-shadow:0 6px 20px #00000038;overflow-y:auto;max-height:260px}.fp-item.is-highlighted{background-color:var(--background-tertiary);color:var(--accent-primary)}.alias-picker-item:focus-visible,.alias-picker-group-label:focus-visible{outline:none;background-color:var(--background-tertiary);color:var(--accent-primary)}.color-swatch-btn{pointer-events:auto;cursor:pointer;padding:0}.color-swatch-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.cp-track:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.shadow-type-field{border:none;margin:0;padding:0;min-width:0}.shadow-type-field>legend{padding:0;margin-bottom:4px}.shadow-type-options{display:flex;gap:14px;margin-top:2px}.theme-delete-confirm{display:inline-flex;align-items:center;gap:8px;color:var(--foreground-primary)}.theme-delete-confirm button{padding:4px 12px}.import-summary .form-field,.import-summary .checkbox-container{margin-top:10px}