*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.5;font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer}fieldset{border:none}legend{padding:0}table{border-collapse:collapse;width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}:root{--color-bg-page: #ffffff;--color-bg-surface: #f5f6f8;--color-bg-elevated: #ffffff;--color-text-primary: #1a1a2e;--color-text-secondary: #4a4a68;--color-text-muted: #6e6e8a;--color-text-inverse: #ffffff;--color-border-default: #b4b4cc;--color-border-subtle: #d4d4e4;--color-border-focus: #4a6cf7;--color-accent: #4a6cf7;--color-accent-text: #3b5ce5;--color-accent-hover: #3b5ce5;--color-accent-active: #2f4abf;--color-btn-primary-bg: #3b5ce5;--color-btn-primary-bg-hover: #2f4abf;--color-error: #d32f2f;--color-error-bg: #fdecea;--color-error-bg-hover: #fff5f5;--color-success: #2e7d32;--color-accent-subtle: #eef2ff;--color-overlay-light: rgba(255, 255, 255, .85);--color-overlay-solid: #ffffff;--color-error-bg-subtle: rgba(220, 38, 38, .06);--color-bg-hover: rgba(0, 0, 0, .04);--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--focus-ring: 0 0 0 2px var(--color-bg-page), 0 0 0 4px var(--color-border-focus);--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--color-bg-page: #000000;--color-bg-surface: #1e1e32;--color-bg-elevated: #2a2a40;--color-text-primary: #e8e8f0;--color-text-secondary: #a8a8c0;--color-text-muted: #8585a0;--color-text-inverse: #1a1a2e;--color-border-default: #50506e;--color-border-subtle: #404060;--color-bg-hover: rgba(255, 255, 255, .06);--color-accent: #6b8aff;--color-accent-text: #6b8aff;--color-accent-hover: #5a7af0;--color-accent-active: #4a6ae0;--color-btn-primary-bg: #6b8aff;--color-btn-primary-bg-hover: #7b9aff;--color-error: #ef5350;--color-error-bg: #3d1c1c;--color-error-bg-hover: #2d1010;--color-success: #66bb6a;--color-accent-subtle: #1e2a4a;--color-overlay-light: rgba(0, 0, 0, .5);--color-overlay-solid: #2a2a40;--color-error-bg-subtle: rgba(239, 83, 80, .1)}.skip-link{position:absolute;top:-100%;left:var(--space-md);z-index:1000;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-text-inverse);border-radius:0 0 var(--radius-md) var(--radius-md);font-weight:600;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:0}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-subtle)}.site-header h1{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.theme-toggle{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle-switch{position:relative;display:inline-block;width:2.5rem;height:1.375rem;cursor:pointer;flex-shrink:0}.theme-toggle-input{opacity:0;width:0;height:0;position:absolute}.theme-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-border-default);border-radius:1rem;transition:background-color .2s ease}.theme-toggle-slider:before{content:"";position:absolute;height:1rem;width:1rem;left:.1875rem;bottom:.1875rem;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.theme-toggle-input:checked+.theme-toggle-slider{background-color:var(--color-accent)}.theme-toggle-input:checked+.theme-toggle-slider:before{transform:translate(1.125rem)}.theme-toggle-input:focus-visible+.theme-toggle-slider{outline:2px solid var(--color-border-focus);outline-offset:2px}.theme-toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.site-main{max-width:72rem;margin:0 auto;padding:var(--space-xl)}.site-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-subtle);text-align:center;color:var(--color-text-muted);font-size:.875rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:320px){.site-main,.site-header,.site-footer{padding:var(--space-md)}}.wizard{display:flex;flex-direction:column;gap:var(--space-xl)}.wizard-progress{display:flex;gap:var(--space-xs);list-style:none;padding:0;margin:0 0 var(--space-lg)}.wizard-progress li{flex:1;text-align:center;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border-subtle);transition:color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal),border-width var(--transition-normal)}.wizard-progress li button{all:unset;display:block;width:100%;padding:var(--space-sm) var(--space-xs);font:inherit;color:inherit;text-align:center;box-sizing:border-box}.wizard-progress li.reachable button{cursor:pointer}.wizard-progress li button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.wizard-progress li.reachable:hover{background-color:var(--color-bg-hover)}.wizard-progress li.locked button{cursor:default}.wizard-progress li[aria-current=step]{color:var(--color-accent-text, var(--color-accent));border-bottom:3px solid var(--color-accent)}.wizard-progress li.completed{color:var(--color-text-secondary);border-bottom:3px solid var(--color-text-secondary)}.wizard-progress li.completed button:before{content:"✅";margin-right:.25em}.wizard-step{display:none;animation:fadeIn var(--transition-normal)}.wizard-step.active{display:block}.wizard-step-heading{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.wizard-step-description{color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:40rem}.wizard-section-heading{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.wizard-section-heading:first-child{margin-top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:320px){.wizard-progress li{font-size:.6875rem;padding:var(--space-xs) var(--space-2xs)}.wizard-step-heading{font-size:1.25rem}}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.form-input{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;background:var(--color-bg-elevated);transition:border-color var(--transition-fast)}.form-input:hover{border-color:var(--color-text-muted)}.form-input:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-input[aria-invalid=true]{border-color:var(--color-error)}.form-error{font-size:.8125rem;color:var(--color-error);display:none}.form-error.visible{display:block}.form-hint{font-size:.8125rem;color:var(--color-text-muted)}.form-textarea{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;background:var(--color-bg-elevated);transition:border-color var(--transition-fast);resize:vertical;width:100%;box-sizing:border-box}.form-textarea:hover{border-color:var(--color-text-muted)}.form-textarea:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--focus-ring);outline:none}.form-textarea[aria-invalid=true]{border-color:var(--color-error)}.color-preview-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.color-preview{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:2px solid var(--color-border-default);flex-shrink:0}.btn-back{all:unset;display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.btn-back:before{content:"←"}.btn-back:hover{color:var(--color-accent-text)}.btn-back:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:2px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);min-height:2.75rem}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-btn-primary-bg-hover)}.btn-primary:active{background-color:var(--color-accent-active)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background-color:var(--color-border-default);color:var(--color-text-secondary);cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-accent-text);border-color:var(--color-accent)}.btn-secondary:hover{background-color:var(--color-bg-surface)}.btn-danger{background-color:transparent;color:var(--color-error);border-color:transparent;padding:var(--space-xs) var(--space-sm);min-height:auto;font-size:.875rem}.btn-danger:hover{background-color:var(--color-error-bg-hover)}.btn-group{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.form-select{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border-default);border-radius:var(--radius-md);font-size:1rem;background:var(--color-bg-elevated);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a4a68' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:var(--space-xl);transition:border-color var(--transition-fast)}.form-select:hover{border-color:var(--color-text-muted)}.form-select:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a8a8c0' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.radio-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-md)}.radio-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.radio-option:hover{border-color:var(--color-text-muted);background-color:var(--color-bg-surface)}.radio-option:has(input:checked){border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.radio-option:has(input:focus-visible){box-shadow:var(--focus-ring)}.radio-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-border-default);border-radius:50%;flex-shrink:0;display:grid;place-content:center}.radio-option input[type=radio]:before{content:"";width:.625rem;height:.625rem;border-radius:50%;background:var(--color-accent);transform:scale(0);transition:transform var(--transition-fast)}.radio-option input[type=radio]:checked{border-color:var(--color-accent)}.radio-option input[type=radio]:checked:before{transform:scale(1)}.radio-swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);flex-shrink:0}.radio-label-text{font-weight:600;font-size:.9375rem}.select-with-swatch{display:flex;align-items:center;gap:var(--space-sm)}.select-with-swatch .form-select{flex:1}.dropdown-swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);flex-shrink:0}@media(max-width:320px){.radio-group{grid-template-columns:1fr}.btn-group{flex-direction:column}.color-input-row{flex-wrap:wrap}}.palette-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-xl);border-radius:var(--radius-md)}.palette-grid{display:flex;flex-direction:column;gap:2px;min-width:56rem}.palette-row{display:grid;grid-template-columns:7rem repeat(11,1fr);gap:2px;align-items:stretch}.palette-row-label{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);font-weight:700;font-size:.8125rem;color:var(--color-text-primary);background:var(--color-bg-surface);border-radius:var(--radius-sm)}.swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-xs);min-height:3.5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.625rem;line-height:1.2;text-align:center;transition:transform var(--transition-fast);position:relative}.swatch:hover{transform:scale(1.05);z-index:1}.swatch-index{font-weight:700}.swatch-hex,.swatch-opacity{font-size:.5625rem}.swatch--light-text{color:#fff}.swatch--dark-text{color:#000}[data-theme=dark] .swatch[data-dark-text=light]{color:#fff}[data-theme=dark] .swatch[data-dark-text=dark]{color:#000}.swatch--editable{cursor:pointer}.swatch--editable:hover{outline:2px solid var(--color-border-focus, #4A6CF7);outline-offset:-2px}.swatch-edit-btn{position:absolute;top:2px;right:2px;opacity:0;padding:1px 6px;font-size:.5625rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--color-overlay-light);color:var(--color-text-primary);cursor:pointer;transition:opacity .15s ease;line-height:1.4}.swatch:hover .swatch-edit-btn,.swatch-edit-btn:focus{opacity:1}.swatch-edit-btn:hover{background:var(--color-overlay-solid)}.primitive-modal-color-picker{position:absolute;bottom:var(--space-sm);left:var(--space-sm);width:2.25rem;height:2.25rem;padding:0;border:2px solid var(--color-overlay-light);border-radius:var(--radius-sm);cursor:pointer;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.primitive-modal-color-picker::-webkit-color-swatch-wrapper{padding:0}.primitive-modal-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.primitive-modal-input{width:100%;padding:6px 8px;font-family:var(--font-mono);font-size:.8125rem;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);box-sizing:border-box}.primitive-modal-input:focus{outline:2px solid var(--color-border-focus, #2563eb);outline-offset:1px}.primitive-modal-input--short{width:auto;flex:1;min-width:0}.primitive-modal-input-row{display:flex;gap:var(--space-sm)}.primitive-modal-input[type=number]::-webkit-inner-spin-button,.primitive-modal-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.primitive-modal-input[type=number]{-moz-appearance:textfield}.palette-section-label{font-size:.9375rem;font-weight:700;color:var(--color-text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.palette-section-label:first-child{margin-top:0}.key-shade-container{margin-bottom:var(--space-xl)}.key-shade-strip{display:grid;grid-template-columns:repeat(11,1fr);gap:2px}.key-shade-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xs);min-height:4rem;border:3px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);outline:none}.key-shade-swatch:hover{transform:scale(1.05);z-index:1}.key-shade-swatch:focus-visible{outline:2px solid var(--color-border-focus, #4A6CF7);outline-offset:2px}.key-shade-swatch--selected{border-color:var(--color-accent, #4A6CF7);box-shadow:0 0 0 2px #4a6cf766;transform:scale(1.05);z-index:1}.key-shade-index{font-weight:700;font-size:.75rem}.key-shade-hex{font-size:.5625rem}@media(max-width:320px){.palette-row{grid-template-columns:5rem repeat(11,1fr)}.palette-row-label{font-size:.6875rem;padding:var(--space-xs)}.swatch{min-height:2.5rem;font-size:.5rem}}.token-display,.token-group{margin-bottom:var(--space-xl)}.token-group-heading{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-subtle)}.token-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.token-table{min-width:40rem;font-size:.875rem}.token-table thead{background:var(--color-bg-surface)}.token-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.8125rem;border-bottom:1px solid var(--color-border-subtle)}.token-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.token-table tbody tr:last-child td{border-bottom:none}.token-name{font-family:var(--font-mono);font-size:.8125rem;word-break:break-all}.token-swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);display:inline-block;vertical-align:middle}.token-hex{font-family:var(--font-mono);font-size:.8125rem}.token-ref{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.token-contrasts{display:flex;flex-direction:column;gap:1px}.token-contrast-line{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.6875rem;padding:2px 6px;border-radius:2px;white-space:nowrap}.token-contrast-swatch{width:.75rem;height:.75rem;border-radius:2px;border:1px solid var(--color-border-subtle);flex-shrink:0}.token-contrast-ref{color:var(--color-text-muted)}.token-contrast-ratio{font-weight:600;margin-left:auto}.token-contrast-pass .token-contrast-ratio{color:var(--color-success)}.token-contrast-fail{background-color:var(--color-error-bg-subtle)}.token-contrast-fail .token-contrast-ratio{color:var(--color-error)}.token-view-toggle{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.token-view-switch{position:relative;display:inline-block;width:2.5rem;height:1.375rem;cursor:pointer;flex-shrink:0}.token-view-switch-input{opacity:0;width:0;height:0;position:absolute}.token-view-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-border-default, #d1d5db);border-radius:1rem;transition:background-color .2s ease}.token-view-switch-slider:before{content:"";position:absolute;height:1rem;width:1rem;left:.1875rem;bottom:.1875rem;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.token-view-switch-input:checked+.token-view-switch-slider{background-color:var(--color-accent, #2563eb)}.token-view-switch-input:checked+.token-view-switch-slider:before{transform:translate(1.125rem)}.token-view-switch-input:focus-visible+.token-view-switch-slider{outline:2px solid var(--color-border-focus, #2563eb);outline-offset:2px}.token-view-switch-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.swatch-columns{display:flex;gap:var(--space-md)}.swatch-column{flex:1;min-width:0}.swatch-column-heading{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.swatch-list{display:flex;flex-direction:column;gap:var(--space-sm)}.swatch-tile{display:flex;flex-direction:column}.swatch-tile-color{position:relative;width:100%;height:3rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);display:flex;align-items:flex-start;justify-content:flex-end}.swatch-tile-color--tall{height:9rem}.swatch-tile-edit{opacity:0;margin:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--color-overlay-light);color:var(--color-text-primary);cursor:pointer;transition:opacity .15s ease}.swatch-tile-color:hover .swatch-tile-edit,.swatch-tile-edit:focus-visible{opacity:1}.swatch-tile-edit:hover{background:var(--color-overlay-solid)}.swatch-tile-name{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);padding-top:2px;text-transform:capitalize}.token-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.token-modal{background:var(--color-bg-elevated);border-radius:var(--radius-md);width:24rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto;box-shadow:0 8px 30px #0000002e}.token-modal-header{position:relative}.token-modal-swatch{width:100%;height:15rem;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid var(--color-border-subtle)}.token-modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--color-overlay-light);font-size:1.125rem;line-height:1;cursor:pointer;color:var(--color-text-primary)}.token-modal-close:hover{background:var(--color-overlay-solid)}.token-modal-body{padding:var(--space-md)}.token-modal-section{margin-bottom:var(--space-md)}.token-modal-section:last-child{margin-bottom:0}.token-modal-section-heading{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.token-modal-value{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-primary);word-break:break-all;margin:0}.token-modal-empty{font-size:.8125rem;color:var(--color-text-muted);margin:0}.token-modal-threshold{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);margin:var(--space-sm) 0 0}.token-modal-primitive-read{display:flex;align-items:center;gap:var(--space-sm)}.token-modal-edit-btn{flex-shrink:0;padding:2px 8px;font-size:.6875rem;font-weight:600;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.token-modal-edit-btn:hover{background:var(--color-bg-elevated, #f5f5f5);color:var(--color-text-primary)}.token-modal-primitive-edit{display:flex;flex-direction:column;gap:var(--space-sm)}.token-modal-select{width:100%;padding:6px 8px;font-family:var(--font-mono);font-size:.8125rem;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);cursor:pointer}.token-modal-select:focus{outline:2px solid var(--color-border-focus, #2563eb);outline-offset:1px}.token-modal-edit-actions{display:flex;gap:var(--space-sm)}.token-modal-action-btn{flex:1;font-size:.75rem;padding:6px 10px}.token-modal-contrast-container{min-height:1.5rem}.token-modal-swatch-split{width:100%;height:15rem;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--color-border-subtle)}.token-modal-swatch-half{flex:1;display:flex;align-items:flex-start;padding:var(--space-sm)}.token-modal-swatch-divider{height:4px;background:var(--color-bg-page);flex-shrink:0}.token-modal-swatch-info{display:flex;align-items:center;gap:var(--space-xs)}.token-modal-swatch-label{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-overlay-light);color:var(--color-text-primary)}.token-modal-swatch-prim{font-family:var(--font-mono);font-size:.6875rem;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-overlay-light);color:var(--color-text-primary)}@media(max-width:320px){.token-table{font-size:.75rem}.token-table th,.token-table td{padding:var(--space-xs) var(--space-sm)}}