:root{--color-bg: #c0c0c8;--color-surface: #dddde5;--color-surface-light: #e8e8f0;--color-text: #000000;--color-text-muted: #666680;--color-primary: #3366cc;--color-primary-hover: #2255bb;--color-border: #8888a0;--color-border-light: #a0a0b8;--color-drop-bg: #ffffff;--color-drop-border: #8888a0;--color-success: #16a34a;--color-error: #dc2626;--color-bar-bg: #a0a0b8;--color-bar-fill: #3366cc;--radius: 2px;--shadow: none;--shadow-raised: inset -1px -1px 0 #8888a0, inset 1px 1px 0 #fff;--shadow-sunken: inset 1px 1px 0 #8888a0, inset -1px -1px 0 #eeeef5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;padding:0;margin:0}.menu-bar{position:fixed;top:0;left:0;right:0;z-index:600;height:21px;display:flex;align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:12px;user-select:none;padding:0 8px;gap:0}.menu-bar__trigger--app{font-weight:700;letter-spacing:.01em}.menu-bar__separator{height:1px;margin:3px 12px 3px 20px;background:var(--color-border)}.menu-bar__item--link{text-decoration:none}.menu-bar__menu{position:relative}.menu-bar__trigger{background:none;border:none;font-size:12px;font-weight:600;color:var(--color-text);cursor:pointer;padding:1px 10px;line-height:19px;font-family:inherit}.menu-bar__trigger:hover,.menu-bar__trigger--active{background:var(--color-primary);color:#fff}.menu-bar__dropdown{position:absolute;top:100%;left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:2px 2px 6px #0000001f;padding:2px 0;z-index:601}.menu-bar__dropdown[hidden]{display:none}.menu-bar__item{display:flex;align-items:center;gap:6px;width:100%;padding:2px 12px 2px 4px;border:none;background:none;font-size:12px;font-family:inherit;color:var(--color-text);cursor:pointer;text-align:left;line-height:1.5}.menu-bar__item:hover,.menu-bar__item:focus{background:var(--color-primary);color:#fff;outline:none}.menu-bar__item:hover .menu-bar__item-indicator,.menu-bar__item:focus .menu-bar__item-indicator{color:#fff}.menu-bar__item-indicator{width:14px;text-align:center;font-size:10px;flex-shrink:0;color:var(--color-text)}.menu-bar__item-label{flex:1}.desktop{position:relative;width:100%;min-height:100vh;padding-top:21px}.app-window{position:absolute;top:41px;left:20px;width:480px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;min-height:0;resize:both;overflow:hidden}.title-bar{background:var(--color-surface);color:var(--color-text);padding:4px 6px;min-height:19px;display:flex;align-items:center;gap:0;user-select:none;border-bottom:1px solid var(--color-border);cursor:grab}.title-bar:active{cursor:grabbing}.title-bar__ridges{flex:1;height:5px;background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,#fff 1px,#fff 2px,transparent 2px,transparent 4px);min-width:8px}.title-bar__title{font-size:12px;font-weight:700;letter-spacing:.01em;padding:0 6px;flex-shrink:0;white-space:nowrap}.title-bar__widgets{display:flex;gap:2px;margin-left:4px;flex-shrink:0}.title-bar__zoom-box{width:11px;height:11px;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer;position:relative}.title-bar__zoom-box:after{content:"";position:absolute;top:2px;left:2px;width:5px;height:5px;border:1px solid var(--color-border);background:var(--color-surface-light)}.app-window--zoomed .title-bar__zoom-box:after{inset:auto 1px 1px auto}.title-bar__zoom-box:hover{background:var(--color-surface-light)}.title-bar__collapse-box{width:11px;height:11px;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;gap:.35rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.status-bar__field{border:1px solid var(--color-border-light);padding:.15rem .5rem;font-size:.72rem;color:var(--color-text);background:var(--color-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar__left{flex:1;min-width:0}.status-bar__right{flex-shrink:0}.status-bar__right a{color:var(--color-text-muted);text-decoration:none;font-size:.72rem}.status-bar__right a:hover{text-decoration:underline;color:var(--color-text)}.status-bar__right .about-link{background:none;border:none;color:var(--color-text-muted);font-size:.72rem;font-family:inherit;cursor:pointer;padding:0;text-decoration:none}.status-bar__right .about-link:hover{text-decoration:underline;color:var(--color-text)}.status-bar__right .debug-link{opacity:.6}.status-bar__right .debug-link:hover{opacity:1}.about-overlay{position:fixed;inset:0;z-index:1000;background:#00000040;display:flex;align-items:center;justify-content:center}.about-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 12px #00000014;width:320px;max-width:90vw}.about-dialog__title-bar{background:var(--color-surface);padding:2px 5px;min-height:15px;display:flex;align-items:center;gap:0;border-bottom:1px solid var(--color-border)}.about-dialog__close-box{width:9px;height:9px;flex-shrink:0;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer}.about-dialog__close-box:hover{background:var(--color-surface-light)}.about-dialog__stripes{flex:1;height:4px;background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,#fff 1px,#fff 2px,transparent 2px,transparent 3px);min-width:6px}.about-dialog__title{font-size:11px;font-weight:700;letter-spacing:.01em;padding:0 4px;flex-shrink:0;white-space:nowrap}.about-dialog__body{padding:1rem 1.2rem;font-size:.78rem;line-height:1.6}.about-dialog__name{font-size:.9rem;font-weight:700;margin-bottom:.4rem}.about-dialog__body p{margin:.3rem 0;color:var(--color-text-muted)}.about-dialog__body a{color:var(--color-primary)}.about-dialog__footer{display:flex;justify-content:flex-end;padding:.5rem 1.2rem .8rem}.palette{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;min-width:120px;resize:both;overflow:hidden}.palette[hidden]{display:none}.palette__title-bar{background:var(--color-surface);padding:2px 5px;min-height:15px;display:flex;align-items:center;gap:0;user-select:none;border-bottom:1px solid var(--color-border);cursor:grab}.palette__title-bar:active{cursor:grabbing}.palette__title{font-size:11px;font-weight:700;letter-spacing:.01em;padding:0 4px;flex-shrink:0;white-space:nowrap;background:var(--color-surface);position:relative;z-index:1}.palette__stripes{flex:1;height:4px;background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,#fff 1px,#fff 2px,transparent 2px,transparent 3px);min-width:6px}.palette__close-box{width:9px;height:9px;flex-shrink:0;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer;margin-right:3px}.palette__close-box:hover{background:var(--color-surface-light)}.palette__zoom-box{width:9px;height:9px;flex-shrink:0;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer;margin-left:3px;position:relative}.palette__zoom-box:after{content:"";position:absolute;top:2px;left:2px;width:4px;height:4px;border:1px solid var(--color-border);background:var(--color-surface-light)}.palette--zoomed .palette__zoom-box:after{inset:auto 1px 1px auto}.palette--zoomed .palette__body{max-height:none}.palette__zoom-box:hover{background:var(--color-surface-light)}.palette__collapse-box{width:9px;height:9px;flex-shrink:0;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer;margin-left:3px}.palette__body{padding:8px;overflow:auto;max-height:70vh;flex:1;min-height:0}#palette-preview .palette__body{display:flex;flex-direction:column;overflow:hidden;max-height:none}.palette--shaded .palette__body{display:none}.palette--shaded{resize:none}.app-window--shaded #app,.app-window--shaded .status-bar{display:none}.app-window--shaded{resize:none}.palette--dragging,.app-window.palette--dragging{box-shadow:0 4px 20px #0000001f;opacity:.92}@keyframes window-pulse{0%{box-shadow:0 0 0 0 var(--color-primary)}30%{box-shadow:0 0 0 5px var(--color-primary)}70%{box-shadow:0 0 0 5px var(--color-primary)}to{box-shadow:0 0 0 0 transparent}}.palette--focus-pulse{animation:window-pulse .6s ease-out}.palette__empty{text-align:center;font-size:.72rem;font-style:italic;color:var(--color-text-muted);padding:1rem .5rem}#app{padding:10px;flex:1}.state--dimmed{opacity:.5;pointer-events:none}.main-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.main-actions[hidden]{display:none}.settings-actions{display:flex;justify-content:flex-end;padding-top:.5rem;margin-top:.35rem;border-top:1px solid var(--color-border-light)}.settings-actions[hidden]{display:none}.drop-area{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:#fff;cursor:pointer;transition:background-color .15s,opacity .2s;padding:.75rem 1rem}.drop-area:hover{background:#f5f4f0}.drop-area:focus-visible{background:#f5f4f0;outline:2px solid var(--color-primary);outline-offset:2px}.drop-area--active{background:#eef0ff}.drop-area__content{display:flex;align-items:center;gap:.75rem;pointer-events:none}.drop-area__icon{color:var(--color-text-muted);flex-shrink:0}.drop-area__text{font-size:1rem;font-weight:600}.drop-area__subtext{color:var(--color-text-muted);font-size:.75rem;margin-top:.1rem}.try-example-link{background:none;border:none;color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;pointer-events:auto}.try-example-link:hover{color:var(--color-primary-hover)}.try-example-link:disabled{color:var(--color-text-muted);cursor:wait;text-decoration:none}.options-panel{padding:0}.options-panel[hidden]{display:none}.tab-control{display:flex;align-items:flex-end;gap:0;margin-bottom:-1px;position:relative;z-index:1}.tab-control__tab{padding:3px 12px 4px;border:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;position:relative;top:2px;border-radius:3px 3px 0 0;transition:background-color .1s}.tab-control__tab:first-child{margin-left:4px}.tab-control__tab:hover{background:var(--color-surface-light)}.tab-control__tab--active{top:0;background:var(--color-surface-light);padding-bottom:6px;border:1px solid var(--color-border);border-bottom-color:transparent;z-index:2}.tab-control__hint{font-size:.68rem;color:var(--color-text-muted);margin:.3rem .4rem 0;line-height:1.3}.advanced{border-top:1px solid var(--color-border-light);background:var(--color-surface);padding:.35rem .5rem 0;margin-top:.35rem}.advanced__toggle{font-size:.75rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;user-select:none;line-height:1;padding:0}.advanced__toggle:hover{color:var(--color-text)}.advanced__icon{vertical-align:-1px;margin-right:2px;opacity:.6}.advanced__toggle:hover .advanced__icon{opacity:1}.advanced__body{padding:0 .1rem .4rem}.control-row{padding:3px 0}.control-row[hidden]{display:none}.control-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;color:var(--color-text)}.mode-toggle{display:inline-flex;margin-top:.25rem}.mode-btn{padding:.2rem .7rem;border:1px solid var(--color-border);background:var(--color-surface);font-size:.75rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background-color .1s}.mode-btn:active{background:var(--color-surface-light)}.mode-btn--active{border-color:var(--color-border);background:var(--color-surface-light);color:var(--color-text)}.quality-control{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.quality-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:none;outline:none}.quality-slider::-webkit-slider-runnable-track{height:6px;border:1px solid var(--color-border);background:var(--color-surface-light)}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer}.quality-slider::-moz-range-track{height:6px;border:1px solid var(--color-border);background:var(--color-surface-light)}.quality-slider::-moz-range-thumb{width:14px;height:14px;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer}.quality-value{font-size:.78rem;font-weight:600;min-width:2ch;text-align:right;color:var(--color-text)}.dpi-input{width:4.5rem;padding:.2rem .4rem;border:1px solid var(--color-border);background:#fff;font-size:.78rem;font-weight:600;color:var(--color-text);margin-top:.25rem}.inspector-meta{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;font-size:.72rem;padding:.35rem .5rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.2rem}.inspector-meta__label{font-weight:600;color:var(--color-text-muted)}.inspector-meta__value{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--cat-fonts: #8b5cf6;--cat-images: #f59e0b;--cat-content: #3b82f6;--cat-metadata: #6b7280;--cat-structure: #10b981;--cat-other: #9ca3af}.inspect-panel{padding:.35rem .5rem}.inspect-panel__header,.inspect-panel__total{display:grid;grid-template-columns:1fr 7rem 7rem 5.5rem;gap:.4rem;font-size:.72rem;font-weight:600;color:var(--color-text-muted);padding:.2rem .4rem .2rem calc(3px + .4rem)}.inspect-panel__total{border-top:1px solid var(--color-border-light);margin-top:.2rem;padding-top:.4rem;color:var(--color-text)}.inspect-category{border-bottom:1px solid var(--color-border-light);border-left:3px solid var(--cat-accent, var(--color-border-light));position:relative}.inspect-category:last-of-type{border-bottom:none}.inspect-category__header:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--pct, 0%);background:var(--cat-accent, var(--color-border-light));opacity:.07;pointer-events:none;z-index:0}.inspect-category__header{display:grid;grid-template-columns:1fr 7rem 7rem 5.5rem;gap:.4rem;padding:.3rem .4rem;font-size:.72rem;cursor:pointer;list-style:none;position:relative;z-index:1}.inspect-category__header::-webkit-details-marker{display:none}.inspect-category__label{font-weight:600}.inspect-category__desc-text{color:var(--color-text-muted);font-size:.65rem;display:none;margin-left:.4rem;font-weight:400}.inspect-category[open] .inspect-category__desc-text{display:inline}.inspect-category__before,.inspect-category__after{font-variant-numeric:tabular-nums;text-align:right}.inspect-category__after small,.inspect-category__before small,.inspect-panel__total small{color:var(--color-text-muted);font-weight:400}.inspect-category__saved{font-variant-numeric:tabular-nums;text-align:right}.inspect-diff--smaller{color:var(--color-success);font-weight:600;background:#16a34a14;padding:0 .15rem}.inspect-diff--larger{color:var(--color-error);font-weight:600}.inspect-diff--removed{color:var(--color-text-muted);font-size:.65rem;font-style:italic}.inspect-category__items{border-left:2px solid var(--color-border-light);margin-left:.4rem;padding:.2rem 0 .2rem .5rem}.inspect-annotation{font-size:.68rem;font-style:italic;color:var(--color-success);padding:.15rem 0 .25rem}.inspect-item{display:grid;grid-template-columns:1fr auto 3rem;gap:.4rem;align-items:center;font-size:.68rem;padding:.1rem 0}.inspect-item:hover{background:var(--color-surface-light)}.inspect-item--summary{display:flex;color:var(--color-text-muted);font-style:italic;font-size:.68rem;padding:.1rem 0}.inspect-item__desc{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspect-item__size{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.inspect-item__bar{height:4px;border:1px solid var(--color-border-light);background:var(--color-surface-light);overflow:hidden}.inspect-item__bar-fill{display:block;height:100%;width:var(--item-pct, 0%);background:var(--cat-accent, var(--color-bar-fill))}.inspect-subgroup__header{font-size:.68rem;font-weight:600;color:var(--color-text-muted);padding:.3rem 0 .1rem;border-top:1px solid var(--color-border-light);margin-top:.2rem}.inspect-subgroup__header:first-child{border-top:none;margin-top:0}.inspect-collapse[hidden]{display:none}.inspect-show-more{display:block;background:none;border:none;color:var(--color-primary);font-size:.68rem;font-weight:500;cursor:pointer;padding:.2rem 0}.inspect-show-more:hover{text-decoration:underline}.file-list{list-style:none}.file-item{background:var(--color-surface-light);border:1px solid var(--color-border-light);padding:.7rem;margin-bottom:.35rem}.file-item__name{font-weight:600;font-size:.82rem;display:block;margin-bottom:.15rem}.file-item__pass{font-size:.75rem;color:var(--color-text-muted);display:block;margin-bottom:.35rem}.file-item__bar{height:12px;border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.file-item__fill{height:100%;background:var(--color-bar-fill);transition:width .3s ease}.file-item__fill--error{background:var(--color-error)}.results-hero__pct{font-size:1.2rem;font-weight:700;color:var(--color-success);line-height:1.1}.results-hero__pct--zero{color:var(--color-text-muted)}.results-hero__sizes{font-size:.75rem;color:var(--color-text-muted);margin-top:.1rem}.results-hero__bar{height:8px;border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;margin-top:.3rem;max-width:200px}.results-hero__bar-fill{height:100%;background:var(--color-success);transition:width .4s ease}.result-card{background:var(--color-surface-light);border:1px solid var(--color-border-light);padding:.6rem;margin-bottom:.35rem}.result-card__hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 .6rem}.result-card__filename{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card__download{align-self:center}.result-card--summary .result-card__hero{display:block;text-align:center}.result-card--summary .result-card__download{display:inline-block;margin-top:.6rem}.result-card--summary .results-hero__bar{margin-left:auto;margin-right:auto}.result-table{background:var(--color-surface-light);border:1px solid var(--color-border-light);margin-bottom:.35rem}.result-table__header{display:grid;grid-template-columns:1fr 5.5rem 5.5rem 4.5rem auto;gap:.3rem;padding:.25rem .5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.68rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.result-table__col-label--num{text-align:right}.result-table__row{border-bottom:1px solid var(--color-border-light)}.result-table__row:last-child{border-bottom:none}.result-table__row-data{display:grid;grid-template-columns:1fr 5.5rem 5.5rem 4.5rem auto;gap:.3rem;align-items:center;padding:.3rem .5rem;font-size:.75rem;cursor:pointer;user-select:none}.result-table__row-data:hover{background:var(--color-surface)}.result-table__cell--name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.result-table__cell--num{text-align:right;font-variant-numeric:tabular-nums}.result-table__cell--dl{justify-self:end}.result-card__disclosure{border-top:1px solid var(--color-border-light);margin-top:.35rem;padding-top:1px}.result-card__disclosure>summary{display:flex;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.72rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;list-style:none;user-select:none}.result-card__disclosure>summary::-webkit-details-marker{display:none}.result-card__disclosure>summary:before{content:"";display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor;transition:transform .15s}.result-card__disclosure[open]>summary:before{transform:rotate(90deg)}.result-card__disclosure>summary:hover{color:var(--color-text)}.pass-stats{padding:.35rem 0 .2rem}.pass-stats__list{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.pass-stats__item{font-size:.68rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-light);padding:.15rem .5rem;display:none}.pass-stats__item--active{display:inline-block;color:var(--color-text);font-weight:500}.saved--positive{color:var(--color-success);font-weight:600}.saved--zero{color:var(--color-text-muted)}.btn{display:inline-block;padding:.3rem .9rem;min-height:22px;min-width:58px;border:1px solid var(--color-border);border-radius:3px;box-shadow:none;background:var(--color-surface);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;color:var(--color-text);transition:background-color .1s;text-align:center}.btn:hover{background:var(--color-surface-light)}.btn:active{box-shadow:var(--shadow-sunken)}.btn--primary{background:var(--color-surface);color:var(--color-text)}.btn--primary:hover{background:var(--color-surface-light)}.btn--secondary{background:var(--color-surface);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface-light)}.btn--small{padding:.2rem .6rem;font-size:.75rem;min-height:0;min-width:0}.btn--default{outline:2px solid var(--color-border);outline-offset:1px}.btn--default:active{box-shadow:var(--shadow-sunken)}.btn:focus-visible,.mode-btn:focus-visible,.tab-control__tab:focus-visible,.advanced__toggle:focus-visible,.try-example-link:focus-visible,.inspect-show-more:focus-visible,.file-item__retry:focus-visible,.theme-btn:focus-visible,.control-strip__btn:focus-visible,.control-strip__icon-btn:focus-visible,.desktop-icon:focus-visible,.pattern-swatch:focus-visible,.btn-cancel:focus-visible,.result-card__disclosure>summary:focus-visible,.quality-slider:focus-visible,.dpi-input:focus-visible,.menu-bar__trigger:focus-visible,.menu-bar__item:focus-visible,.sound-preview-btn:focus-visible,.sound-event-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.state[hidden]{display:none}.inspect-diff--zero{color:var(--color-text-muted)}@keyframes stale-pulse{0%,to{box-shadow:0 0 #1a3a6e4d}50%{box-shadow:0 0 0 3px #1a3a6e00}}.btn--stale{box-shadow:0 0 0 1px var(--color-primary);color:var(--color-primary);animation:stale-pulse 2s ease-in-out 1}.hint-banner{border-left:3px solid var(--cat-images);background:#f59e0b0f;padding:.35rem .5rem;font-size:.75rem;color:var(--color-text);margin-top:.5rem}.hint-banner__link{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.hint-banner__link:hover{color:var(--color-primary-hover)}#palette-debug .palette__title-bar{background:#1a1a1a;border-bottom-color:#333}#palette-debug .palette__title{background:#1a1a1a;color:#3f3}#palette-debug .palette__stripes{background:repeating-linear-gradient(to bottom,#333 0px,#333 1px,#1a1a1a 1px,#1a1a1a 2px,transparent 2px,transparent 3px)}#palette-debug .palette__close-box,#palette-debug .palette__collapse-box{border-color:#444;background:#1a1a1a}#palette-debug .palette__body{background:#0a0a0a;color:#3f3;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.72rem}#palette-debug .palette__empty{color:#3f3;opacity:.5}#palette-debug .debug-table{color:#3f3}#palette-debug .debug-table th{color:#8f8}#palette-debug .debug-table td,#palette-debug .debug-table th{border-bottom-color:#222}#palette-debug h4{color:#8f8}.debug-table{width:100%;border-collapse:collapse;margin-top:.2rem;font-size:.72rem;font-variant-numeric:tabular-nums}.debug-table th,.debug-table td{padding:.15rem .4rem;text-align:left;border-bottom:1px solid var(--color-border-light)}.debug-table th{font-weight:600;color:var(--color-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.debug-banner{background:var(--color-text);color:#fff;text-align:center;padding:.3rem .6rem;font-size:.75rem;font-weight:600;letter-spacing:.02em}.compare-viewer-wrap{padding:.35rem .5rem .5rem;border:1px solid var(--color-border-light);background:var(--color-surface-light);margin:.2rem 0 .35rem;overflow:hidden;display:flex;flex-direction:column;min-height:0}.palette__body>.compare-viewer-wrap{flex:1;margin:0;min-height:0}.compare-side__label{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);padding:.3rem .5rem;font-size:.72rem;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);margin:-.35rem -.5rem 0}.compare-powered-by{font-weight:400;font-size:.65rem;color:var(--color-text-muted);text-decoration:none;opacity:.7}.compare-powered-by:hover{opacity:1;color:var(--color-primary)}.compare-side__viewer{min-height:200px;position:relative}.compare-error{padding:.6rem;font-size:.78rem;color:var(--color-error);text-align:center}.drop-overlay{position:fixed;inset:0;z-index:999;background:#00000040;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-overlay[hidden]{display:none}.drop-overlay__content{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem 2rem;box-shadow:0 2px 12px #00000014}.drop-overlay__icon{color:var(--color-text-muted);margin-bottom:.5rem}.drop-overlay__text{font-size:1.1rem;font-weight:700;color:var(--color-text)}.toast{position:fixed;bottom:calc(28px + 1rem);left:50%;transform:translate(-50%);background:var(--color-surface);color:var(--color-text);padding:.45rem .9rem .45rem .6rem;font-size:.78rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #0000001f;z-index:1000;opacity:1;transition:opacity .3s ease}.toast:before{content:"⚠";margin-right:.4rem}.toast--fading{opacity:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.file-item__fill--active{background:linear-gradient(90deg,var(--color-bar-fill) 25%,#4a6a9e 50%,var(--color-bar-fill) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.processing-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.btn-cancel{background:none;border:none;color:var(--color-text-muted);font-size:.78rem;font-weight:500;cursor:pointer;padding:.3rem .6rem;text-decoration:underline;text-underline-offset:2px}.btn-cancel:hover{color:var(--color-text)}.file-item__retry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;color:var(--color-primary);font-size:.7rem;font-weight:600;cursor:pointer;padding:.15rem .5rem;margin-left:.4rem}.file-item__retry:hover,.file-item__retry:active{background:var(--color-surface-light)}.file-item__error{color:var(--color-error);font-size:.75rem;display:inline}.control-strip{position:fixed;bottom:0;left:0;z-index:500;height:28px;display:flex;align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:0;transition:transform .2s ease}.control-strip--collapsed{transform:translateY(100%)}.control-strip__modules{display:flex;align-items:center;height:100%;padding:0 4px;gap:0}.control-strip__separator{width:1px;height:16px;background:var(--color-border);margin:0 4px;flex-shrink:0}.control-strip__btn{height:22px;padding:0 8px;border:1px solid transparent;background:none;font-size:.68rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;line-height:1}.control-strip__btn:hover{background:var(--color-surface-light);border-color:var(--color-border-light)}.control-strip__btn--active{color:var(--color-text);background:var(--color-surface-light);box-shadow:var(--shadow-sunken);border-color:var(--color-border)}.control-strip__icon-btn{display:flex;align-items:center;justify-content:center;height:22px;width:26px;border:1px solid transparent;background:none;color:var(--color-text-muted);cursor:pointer;text-decoration:none}.control-strip__icon-btn:hover{background:var(--color-surface-light);border-color:var(--color-border-light);color:var(--color-text)}.control-strip__icon-btn--active{color:var(--color-text);background:var(--color-surface-light);box-shadow:var(--shadow-sunken);border-color:var(--color-border)}.control-strip__tab{position:fixed;bottom:0;left:0;width:20px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-left:none;cursor:pointer;z-index:501}.control-strip__tab:hover{background:var(--color-surface-light)}.control-strip__tab-grip{width:6px;height:12px;background:repeating-linear-gradient(to bottom,var(--color-border) 0px,var(--color-border) 1px,transparent 1px,transparent 3px)}.desktop-icons{position:absolute;bottom:48px;right:20px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid transparent;border-radius:3px;padding:6px 8px;cursor:pointer;text-decoration:none;color:var(--color-text)}.desktop-icon:hover{background:#1a3a6e14;border-color:#1a3a6e1f}.desktop-icon__img{color:var(--color-text-muted)}.desktop-icon:hover .desktop-icon__img{color:var(--color-text)}.desktop-icon__label{font-size:.68rem;color:var(--color-text-muted);white-space:nowrap}.desktop-icon:hover .desktop-icon__label{color:var(--color-text)}.desktop-icon--sample{cursor:grab}.desktop-icon--sample:active{cursor:grabbing}.desktop-icon--loading{opacity:.5;cursor:wait;pointer-events:none}.palette--sticky{box-shadow:2px 3px 8px #00000026}.palette--sticky .palette__title-bar{background:#f0e868;border-bottom-color:#d4c94a}.palette--sticky .palette__title{background:#f0e868;color:#4a4200}.palette--sticky .palette__stripes{background:none}.palette--sticky .palette__close-box{border-color:#d4c94a;background:#f0e868}.palette--sticky .palette__close-box:hover{background:#f8f080}.palette--sticky .palette__zoom-box{border-color:#d4c94a;background:#f0e868}.palette--sticky .palette__zoom-box:hover{background:#f8f080}.palette--sticky .palette__zoom-box:after{border-color:#d4c94a;background:#f8f080}.palette--sticky .palette__collapse-box{border-color:#d4c94a;background:#f0e868}.palette--sticky .palette__collapse-box:hover{background:#f8f080}.palette--sticky .palette__body{background:#fcf4a3}.readme-content{font-size:.78rem;line-height:1.6;color:#2a2a1e}.readme-content h1{font-size:1rem;margin:.6rem 0 .3rem}.readme-content h2{font-size:.88rem;margin:.5rem 0 .25rem;border-bottom:1px solid #e0d880;padding-bottom:.15rem}.readme-content h3{font-size:.82rem;margin:.4rem 0 .2rem}.readme-content p{margin:.3rem 0}.readme-content code{background:#0000000f;padding:.1rem .3rem;font-size:.72rem;border-radius:2px}.readme-content pre{background:#0000000f;padding:.5rem;overflow-x:auto;margin:.3rem 0;border-radius:2px}.readme-content pre code{background:none;padding:0;font-size:.7rem}.readme-content a{color:var(--color-primary)}.readme-content ul,.readme-content ol{padding-left:1.2rem;margin:.3rem 0}.readme-content li{margin:.15rem 0}.readme-content table{border-collapse:collapse;font-size:.72rem;margin:.3rem 0;width:100%}.readme-content th,.readme-content td{border:1px solid #e0d880;padding:.2rem .4rem;text-align:left}.readme-content th{background:#0000000a;font-weight:600}.readme-content hr{border:none;border-top:1px solid #e0d880;margin:.5rem 0}.appearance-panel{font-size:.78rem}.appearance-section{padding:.5rem 0;border-top:1px solid var(--color-border-light)}.appearance-section:first-child{border-top:none;padding-top:0}.appearance-section__title{font-size:.72rem;font-weight:700;color:var(--color-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.appearance-section__sublabel{font-size:.72rem;color:var(--color-text-muted);margin-bottom:.2rem}.appearance-check{display:flex;align-items:center;gap:.35rem;font-size:.78rem;cursor:pointer;padding:.15rem 0}.pattern-grid{display:grid;grid-template-columns:repeat(5,28px);gap:4px}.pattern-swatch{width:28px;height:28px;border:1px solid var(--color-border);background-color:var(--color-bg);cursor:pointer;padding:0}.pattern-swatch:hover{border-color:var(--color-text-muted)}.pattern-swatch--active{box-shadow:var(--shadow-sunken);border-color:var(--color-primary);outline:1px solid var(--color-primary);outline-offset:1px}.appearance-scheme-row{margin:.4rem 0}.appearance-scheme-btns{display:flex;gap:2px;flex-wrap:wrap;margin-top:.2rem}.theme-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border:1px solid var(--color-border);background:var(--color-surface);font-size:.72rem;font-weight:600;color:var(--color-text-muted);cursor:pointer}.theme-btn:hover{background:var(--color-surface-light)}.theme-btn--active{background:var(--color-surface-light);color:var(--color-text);box-shadow:var(--shadow-sunken);border-color:var(--color-primary)}.theme-btn__dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.sound-details--disabled{opacity:.4;pointer-events:none}.sound-volume-row{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.78rem}.sound-volume-row input[type=range]{flex:1;height:4px;accent-color:var(--color-primary)}.sound-volume-value{font-size:.72rem;color:var(--color-text-muted);min-width:2em;text-align:right}.sound-event-row{display:flex;align-items:center;gap:.35rem;padding:.15rem 0;font-size:.78rem}.sound-event-label{min-width:4.2em;font-size:.72rem;color:var(--color-text-muted)}.sound-event-select{flex:1;font-size:.72rem;padding:.15rem .3rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:0}.sound-preview-btn{width:22px;height:22px;padding:0;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.sound-preview-btn:hover{background:var(--color-surface-light);color:var(--color-text)}.sound-preview-btn svg{width:12px;height:12px}.sound-attribution{font-size:.65rem;color:var(--color-text-muted);margin-top:.4rem;font-style:italic}.sound-attribution a{color:var(--color-text-muted);text-decoration:underline}.sound-attribution a:hover{color:var(--color-text)}body:not([data-theme]) .title-bar{background:linear-gradient(to bottom,#eeeef5,#d0d0da)}body:not([data-theme]) .palette:not(.palette--sticky) .palette__title-bar{background:linear-gradient(to bottom,#eeeef5,#d0d0da)}body:not([data-theme]) .palette:not(.palette--sticky) .palette__title{background:transparent}body:not([data-theme]) .menu-bar{background:linear-gradient(to bottom,#eeeef5,#d8d8e2)}body:not([data-theme]) .btn{background:linear-gradient(to bottom,#eeeef5,#d0d0da)}body:not([data-theme]) .btn:hover{background:linear-gradient(to bottom,#f4f4fa,#dddde5)}body:not([data-theme]) .btn:active{background:linear-gradient(to bottom,#c8c8d2,#dddde5)}body:not([data-theme]) .mode-btn{background:linear-gradient(to bottom,#eeeef5,#d0d0da)}body:not([data-theme]) .mode-btn--active{background:linear-gradient(to bottom,#d0d0da,#e8e8f0)}body:not([data-theme]) .tab-control__tab{background:linear-gradient(to bottom,#dddde5,#c8c8d2)}body:not([data-theme]) .tab-control__tab--active{background:linear-gradient(to bottom,#eeeef5,#e8e8f0)}body:not([data-theme]) .about-dialog__title-bar{background:linear-gradient(to bottom,#eeeef5,#d0d0da)}body:not([data-theme]) .mac-face-toast__title-bar{background:linear-gradient(to bottom,#eeeef5,#d0d0da)}body:not([data-theme]) .control-strip{background:linear-gradient(to bottom,#e8e8f0,#d0d0da)}body[data-theme=sandstone]{--color-bg: #e8e0d0;--color-surface: #f0ebe0;--color-surface-light: #f7f4ee;--color-text: #1a1a2e;--color-text-muted: #5a5a6e;--color-primary: #1a3a6e;--color-primary-hover: #142e58;--color-border: #c2b9a7;--color-border-light: #d6cfc1;--color-drop-bg: #ffffff;--color-drop-border: #c2b9a7;--color-success: #16a34a;--color-error: #dc2626;--color-bar-bg: #d6cfc1;--color-bar-fill: #1a3a6e;--shadow-raised: inset -1px -1px 0 #c2b9a7, inset 1px 1px 0 #fff;--shadow-sunken: inset 1px 1px 0 #c2b9a7, inset -1px -1px 0 #fff}body[data-theme=system7]{--color-bg: #a8a8a8;--color-surface: #ffffff;--color-surface-light: #e0e0e0;--color-text: #000000;--color-text-muted: #555555;--color-primary: #000000;--color-primary-hover: #333333;--color-border: #000000;--color-border-light: #808080;--color-drop-bg: #ffffff;--color-drop-border: #000000;--color-success: #000000;--color-error: #000000;--color-bar-bg: #c0c0c0;--color-bar-fill: #000000;--shadow-raised: inset -1px -1px 0 #000, inset 1px 1px 0 #fff;--shadow-sunken: inset 1px 1px 0 #000, inset -1px -1px 0 #fff}body[data-theme=system7] .menu-bar__trigger:hover,body[data-theme=system7] .menu-bar__trigger--active{background:#000;color:#fff}body[data-theme=system7] .menu-bar__item:hover,body[data-theme=system7] .menu-bar__item:focus{background:#000;color:#fff}body[data-theme=system7] .title-bar__ridges{background:repeating-linear-gradient(to bottom,#000 0px,#000 1px,#fff 1px,#fff 2px,transparent 2px,transparent 4px)}body[data-theme=system7] .palette__stripes,body[data-theme=system7] .about-dialog__stripes,body[data-theme=system7] .mac-face-toast__stripes{background:repeating-linear-gradient(to bottom,#000 0px,#000 1px,#fff 1px,#fff 2px,transparent 2px,transparent 3px)}body[data-theme=dark]{--color-bg: #2a2a3e;--color-surface: #3a3a4e;--color-surface-light: #44445a;--color-text: #e0e0e8;--color-text-muted: #9090a8;--color-primary: #6090d0;--color-primary-hover: #80a8e0;--color-border: #505068;--color-border-light: #454560;--color-drop-bg: #3a3a4e;--color-drop-border: #505068;--color-bar-bg: #454560;--color-bar-fill: #6090d0;--shadow-raised: inset -1px -1px 0 #505068, inset 1px 1px 0 #505068;--shadow-sunken: inset 1px 1px 0 #2a2a3e, inset -1px -1px 0 #505068}body[data-theme=dark] .drop-area--active{background:#3a3a5e}body[data-theme=amber]{--color-bg: #1a1400;--color-surface: #2a2200;--color-surface-light: #3a3010;--color-text: #ffb000;--color-text-muted: #c08800;--color-primary: #ffcc40;--color-primary-hover: #ffe080;--color-border: #604800;--color-border-light: #504000;--color-drop-bg: #2a2200;--color-drop-border: #604800;--color-bar-bg: #3a3010;--color-bar-fill: #ffb000;--color-success: #e0a000;--color-error: #ff4040;--shadow-raised: inset -1px -1px 0 #604800, inset 1px 1px 0 #604800;--shadow-sunken: inset 1px 1px 0 #1a1400, inset -1px -1px 0 #604800}body[data-theme=ocean]{--color-bg: #0a1628;--color-surface: #142238;--color-surface-light: #1e2e48;--color-text: #b0d0ff;--color-text-muted: #6090c0;--color-primary: #60a0e0;--color-primary-hover: #90c0ff;--color-border: #2a4060;--color-border-light: #203050;--color-drop-bg: #142238;--color-drop-border: #2a4060;--color-bar-bg: #1e2e48;--color-bar-fill: #4090e0;--color-success: #40a0c0;--color-error: #e06060;--shadow-raised: inset -1px -1px 0 #2a4060, inset 1px 1px 0 #2a4060;--shadow-sunken: inset 1px 1px 0 #0a1628, inset -1px -1px 0 #2a4060}body[data-theme=forest]{--color-bg: #0a1a0a;--color-surface: #142814;--color-surface-light: #1e381e;--color-text: #a0d0a0;--color-text-muted: #608060;--color-primary: #60b060;--color-primary-hover: #90d090;--color-border: #2a4a2a;--color-border-light: #204020;--color-drop-bg: #142814;--color-drop-border: #2a4a2a;--color-bar-bg: #1e381e;--color-bar-fill: #40a040;--color-success: #60c060;--color-error: #d06040;--shadow-raised: inset -1px -1px 0 #2a4a2a, inset 1px 1px 0 #2a4a2a;--shadow-sunken: inset 1px 1px 0 #0a1a0a, inset -1px -1px 0 #2a4a2a}body[data-theme=dark] .drop-area,body[data-theme=amber] .drop-area,body[data-theme=ocean] .drop-area,body[data-theme=forest] .drop-area,body[data-theme=dark] .dpi-input,body[data-theme=amber] .dpi-input,body[data-theme=ocean] .dpi-input,body[data-theme=forest] .dpi-input{background:var(--color-surface)}body[data-theme=dark] .drop-area:hover,body[data-theme=amber] .drop-area:hover,body[data-theme=ocean] .drop-area:hover,body[data-theme=forest] .drop-area:hover{background:var(--color-surface-light)}body[data-theme=dark] .drop-area:focus-visible,body[data-theme=amber] .drop-area:focus-visible,body[data-theme=ocean] .drop-area:focus-visible,body[data-theme=forest] .drop-area:focus-visible{background:var(--color-surface-light);outline:2px solid var(--color-primary);outline-offset:2px}body[data-theme=dark] .title-bar__ridges,body[data-theme=amber] .title-bar__ridges,body[data-theme=ocean] .title-bar__ridges,body[data-theme=forest] .title-bar__ridges{background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,var(--color-surface) 1px,var(--color-surface) 2px,transparent 2px,transparent 4px)}body[data-theme=dark] .palette__stripes,body[data-theme=amber] .palette__stripes,body[data-theme=ocean] .palette__stripes,body[data-theme=forest] .palette__stripes,body[data-theme=dark] .about-dialog__stripes,body[data-theme=amber] .about-dialog__stripes,body[data-theme=ocean] .about-dialog__stripes,body[data-theme=forest] .about-dialog__stripes{background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,var(--color-surface) 1px,var(--color-surface) 2px,transparent 2px,transparent 3px)}body[data-theme=dark] .palette--sticky .palette__title-bar,body[data-theme=amber] .palette--sticky .palette__title-bar,body[data-theme=ocean] .palette--sticky .palette__title-bar,body[data-theme=forest] .palette--sticky .palette__title-bar{background:#b8a830;border-bottom-color:#9a8a20}body[data-theme=dark] .palette--sticky .palette__title,body[data-theme=amber] .palette--sticky .palette__title,body[data-theme=ocean] .palette--sticky .palette__title,body[data-theme=forest] .palette--sticky .palette__title{background:#b8a830;color:#2a2200}body[data-theme=dark] .palette--sticky .palette__close-box,body[data-theme=amber] .palette--sticky .palette__close-box,body[data-theme=ocean] .palette--sticky .palette__close-box,body[data-theme=forest] .palette--sticky .palette__close-box,body[data-theme=dark] .palette--sticky .palette__zoom-box,body[data-theme=amber] .palette--sticky .palette__zoom-box,body[data-theme=ocean] .palette--sticky .palette__zoom-box,body[data-theme=forest] .palette--sticky .palette__zoom-box,body[data-theme=dark] .palette--sticky .palette__collapse-box,body[data-theme=amber] .palette--sticky .palette__collapse-box,body[data-theme=ocean] .palette--sticky .palette__collapse-box,body[data-theme=forest] .palette--sticky .palette__collapse-box{border-color:#9a8a20;background:#b8a830}body[data-theme=dark] .palette--sticky .palette__body,body[data-theme=amber] .palette--sticky .palette__body,body[data-theme=ocean] .palette--sticky .palette__body,body[data-theme=forest] .palette--sticky .palette__body{background:#c8b840}body[data-theme=dark] .readme-content,body[data-theme=amber] .readme-content,body[data-theme=ocean] .readme-content,body[data-theme=forest] .readme-content{color:#d8d8c0}body[data-theme=dark] .readme-content h2,body[data-theme=amber] .readme-content h2,body[data-theme=ocean] .readme-content h2,body[data-theme=forest] .readme-content h2{border-bottom-color:#9a8a20}body[data-theme=dark] .readme-content th,body[data-theme=dark] .readme-content td,body[data-theme=amber] .readme-content th,body[data-theme=amber] .readme-content td,body[data-theme=ocean] .readme-content th,body[data-theme=ocean] .readme-content td,body[data-theme=forest] .readme-content th,body[data-theme=forest] .readme-content td{border-color:#9a8a20}body[data-theme=dark] .readme-content hr,body[data-theme=amber] .readme-content hr,body[data-theme=ocean] .readme-content hr,body[data-theme=forest] .readme-content hr{border-top-color:#9a8a20}.mac-face-toast{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:10000;opacity:0;transition:opacity .35s ease;box-shadow:1px 2px 8px #0000002e;width:280px}.mac-face-toast--visible{opacity:1}.mac-face-toast--closing{opacity:0}.mac-face-toast--shaded .mac-face-toast__content{display:none}.mac-face-toast__title-bar{display:flex;align-items:center;gap:0;padding:2px 5px;min-height:15px;border-bottom:1px solid var(--color-border);cursor:grab}.mac-face-toast__title-bar:active{cursor:grabbing}.mac-face-toast__close-box{width:9px;height:9px;flex-shrink:0;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer}.mac-face-toast__close-box:hover{background:var(--color-surface-light)}.mac-face-toast__stripes{flex:1;height:4px;background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,#fff 1px,#fff 2px,transparent 2px,transparent 3px);min-width:6px}.mac-face-toast__title{font-size:11px;font-weight:700;letter-spacing:.01em;padding:0 4px;flex-shrink:0;white-space:nowrap}.mac-face-toast__content{display:flex;align-items:flex-start;gap:0}.mac-face-toast__icon{flex-shrink:0;width:52px;display:flex;align-items:center;justify-content:center;padding:.8rem .3rem .8rem .6rem;border-right:1px solid var(--color-border-light);align-self:stretch}.mac-face-toast__icon svg{width:36px;height:36px}.mac-face-toast__text{flex:1;padding:.6rem .8rem;font-size:.75rem;line-height:1.5;color:var(--color-text)}.mac-face-toast__text p{margin:.15rem 0}.mac-face-toast__text b{font-size:.82rem}body[data-theme=dark] .mac-face-toast__stripes,body[data-theme=amber] .mac-face-toast__stripes,body[data-theme=ocean] .mac-face-toast__stripes,body[data-theme=forest] .mac-face-toast__stripes{background:repeating-linear-gradient(to bottom,var(--color-border-light) 0px,var(--color-border-light) 1px,var(--color-surface) 1px,var(--color-surface) 2px,transparent 2px,transparent 3px)}body.filter-grayscale{filter:grayscale(1)}body.filter-bw{filter:grayscale(1) contrast(1.75)}body.crt-overlay:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.25) 1px,rgba(0,0,0,.25) 2px),repeating-linear-gradient(90deg,#ff00000a 0px 1px,#00ff0008 1px 2px,#0000ff0a 2px 3px)}body.crt-overlay:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%);box-shadow:inset 0 0 100px #00000059;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.96}20%{opacity:.99}25%{opacity:.94}30%{opacity:.98}35%{opacity:.97}40%{opacity:.95}45%{opacity:.98}50%{opacity:.96}55%{opacity:.99}60%{opacity:.93}65%{opacity:.97}70%{opacity:.95}75%{opacity:.98}80%{opacity:.96}85%{opacity:.99}90%{opacity:.94}95%{opacity:.97}to{opacity:.98}}@media(prefers-reduced-motion:reduce){body.crt-overlay:after{animation:none;opacity:.97}}.a11y-panel{font-size:.72rem}.a11y-checklist{display:grid;grid-template-columns:auto auto 1fr;gap:.1rem .5rem;padding:.35rem .5rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.2rem;align-items:center}.a11y-check__icon{font-weight:700;font-size:.78rem}.a11y-check__icon--pass{color:var(--color-success)}.a11y-check__icon--fail{color:var(--color-error)}.a11y-check__icon--neutral{color:var(--color-text-muted)}.a11y-checklist--standards{border-top:none;padding-top:0}.a11y-checklist__label{font-weight:600;color:var(--color-text-muted)}.a11y-checklist__value{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a11y-audit{border-bottom:1px solid var(--color-border-light)}.a11y-audit:last-of-type{border-bottom:none}.a11y-audit__header{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;cursor:pointer;list-style:none;user-select:none}.a11y-audit__header::-webkit-details-marker{display:none}.a11y-audit__header::marker{display:none;content:""}.a11y-audit__header:hover{background:var(--color-surface-light)}.a11y-audit__title{font-weight:600;color:var(--color-text)}.a11y-audit__summary{color:var(--color-text-muted);font-size:.68rem}.a11y-audit__summary--good{color:var(--color-success)}.a11y-audit__body{padding:.2rem .5rem .4rem}.a11y-audit__note{color:var(--color-text-muted);font-size:.68rem;margin:0}.a11y-audit__font-list{list-style:none;padding:0;margin:.15rem 0 0}.a11y-audit__font-list li{font-size:.68rem;color:var(--color-text);padding:.05rem 0}.a11y-audit__font-list li:before{content:"✗";color:var(--color-error);font-weight:700}.a11y-validators{border-top:1px solid var(--color-border-light);padding:.35rem .5rem}.a11y-validators__heading{font-weight:700;color:var(--color-text);margin-bottom:.3rem}.a11y-validators__title{font-weight:600;color:var(--color-text-muted);margin-bottom:.2rem;margin-top:.3rem}.a11y-validators__list{list-style:none;padding:0;margin:0}.a11y-validators__list li{font-size:.68rem;padding:.1rem 0}.a11y-validators__list a{color:var(--color-primary);text-decoration:none;font-weight:600}.a11y-validators__list a:hover{text-decoration:underline}@media(max-width:768px){.desktop{display:flex;flex-direction:column;gap:8px;padding:8px}.app-window,.palette{position:static!important;width:100%!important;left:auto!important;top:auto!important;resize:none}.title-bar,.palette__title-bar{cursor:default}.compare-side__viewer{min-height:200px}.title-bar__ridges,.title-bar__widgets,.palette__zoom-box{display:none}.menu-bar{position:sticky}.desktop{padding-top:0}.title-bar{justify-content:center}.tab-control__tab{flex:1;text-align:center}.desktop-icons{display:none}.control-strip{width:100%;border-right:none}.control-strip__tab{display:none}.control-strip__modules{flex:1;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.app-window{width:380px}}