:root{--color-bg:#c0c0c8;--color-surface:#dddde5;--color-surface-light:#e8e8f0;--color-text:#000;--color-text-muted:#666680;--color-primary:#36c;--color-primary-hover:#25b;--color-border:#8888a0;--color-border-light:#a0a0b8;--color-drop-bg:#fff;--color-drop-border:#8888a0;--color-success:#16a34a;--color-error:#dc2626;--color-bar-bg:#a0a0b8;--color-bar-fill:#36c;--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{background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.menu-bar{z-index:600;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;align-items:center;gap:0;height:21px;padding:0 8px;font-size:12px;display:flex;position:fixed;top:0;left:0;right:0}.menu-bar__trigger--app{letter-spacing:.01em;font-weight:700}.menu-bar__separator{background:var(--color-border);height:1px;margin:3px 12px 3px 20px}.menu-bar__item--link{text-decoration:none}.menu-bar__menu{position:relative}.menu-bar__trigger{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:1px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:19px}.menu-bar__trigger:hover,.menu-bar__trigger--active{background:var(--color-primary);color:#fff}.menu-bar__dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:601;min-width:180px;padding:2px 0;position:absolute;top:100%;left:0;box-shadow:2px 2px 6px #0000001f}.menu-bar__dropdown[hidden]{display:none}.menu-bar__item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:2px 12px 2px 4px;font-family:inherit;font-size:12px;line-height:1.5;display:flex}.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{text-align:center;width:14px;color:var(--color-text);flex-shrink:0;font-size:10px}.menu-bar__item-label{flex:1}.desktop{width:100%;min-height:100vh;padding-top:21px;position:relative}.app-window{background:var(--color-surface);border:1px solid var(--color-border);resize:both;flex-direction:column;width:480px;min-height:0;display:flex;position:absolute;top:41px;left:20px;overflow:hidden;box-shadow:0 2px 12px #00000014}.title-bar{background:var(--color-surface);color:var(--color-text);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);cursor:grab;align-items:center;gap:0;min-height:19px;padding:4px 6px;display:flex}.title-bar:active{cursor:grabbing}.title-bar__ridges{background:repeating-linear-gradient(to bottom, var(--color-border-light) 0px, var(--color-border-light) 1px, #fff 1px, #fff 2px, transparent 2px, transparent 4px);flex:1;min-width:8px;height:5px}.title-bar__title{letter-spacing:.01em;white-space:nowrap;flex-shrink:0;padding:0 6px;font-size:12px;font-weight:700}.title-bar__widgets{flex-shrink:0;gap:2px;margin-left:4px;display:flex}.title-bar__zoom-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;width:11px;height:11px;position:relative}.title-bar__zoom-box:after{content:"";border:1px solid var(--color-border);background:var(--color-surface-light);width:5px;height:5px;position:absolute;top:2px;left:2px}.app-window--zoomed .title-bar__zoom-box:after{top:auto;bottom:1px;left:auto;right:1px}.title-bar__zoom-box:hover{background:var(--color-surface-light)}.title-bar__collapse-box{border:1px solid var(--color-border);background:var(--color-surface);border-radius:2px;width:11px;height:11px}.status-bar{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.35rem;padding:.25rem .5rem;display:flex}.status-bar__field{border:1px solid var(--color-border-light);color:var(--color-text);background:var(--color-surface);white-space:nowrap;text-overflow:ellipsis;padding:.15rem .5rem;font-size:.72rem;overflow:hidden}.status-bar__left{flex:1;min-width:0}.status-bar__right{flex-shrink:0}.status-bar__right a{color:var(--color-text-muted);font-size:.72rem;text-decoration:none}.status-bar__right a:hover{color:var(--color-text);text-decoration:underline}.status-bar__right .about-link{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.72rem;text-decoration:none}.status-bar__right .about-link:hover{color:var(--color-text);text-decoration:underline}.status-bar__right .debug-link{color:var(--color-text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-family:inherit;font-size:.72rem;text-decoration:none}.status-bar__right .debug-link:hover{color:var(--color-text);opacity:1;text-decoration:underline}.about-overlay{z-index:1000;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.about-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:320px;max-width:90vw;box-shadow:0 2px 12px #00000014}.about-dialog__title-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:0;min-height:15px;padding:2px 5px;display:flex}.about-dialog__close-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;flex-shrink:0;width:9px;height:9px}.about-dialog__close-box:hover{background:var(--color-surface-light)}.about-dialog__stripes{background:repeating-linear-gradient(to bottom, var(--color-border-light) 0px, var(--color-border-light) 1px, #fff 1px, #fff 2px, transparent 2px, transparent 3px);flex:1;min-width:6px;height:4px}.about-dialog__title{letter-spacing:.01em;white-space:nowrap;flex-shrink:0;padding:0 4px;font-size:11px;font-weight:700}.about-dialog__body{padding:1rem 1.2rem;font-size:.78rem;line-height:1.6}.about-dialog__name{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.about-dialog__body p{color:var(--color-text-muted);margin:.3rem 0}.about-dialog__body a{color:var(--color-primary)}.about-dialog__footer{justify-content:flex-end;padding:.5rem 1.2rem .8rem;display:flex}.warning-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:380px;max-width:90vw;box-shadow:0 2px 12px #00000014}.warning-dialog__content{align-items:flex-start;gap:.8rem;padding:1rem 1.2rem .6rem;display:flex}.warning-dialog__icon{flex-shrink:0;margin-top:2px;font-size:28px;line-height:1}.warning-dialog__text{font-size:.78rem;line-height:1.6}.warning-dialog__text p{color:var(--color-text-muted);margin:0 0 .4rem}.warning-dialog__text p:first-child{color:var(--color-text);font-weight:700}.warning-dialog__footer{justify-content:space-between;align-items:center;padding:.5rem 1.2rem .8rem;display:flex}.warning-dialog__dismiss{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.warning-dialog__dismiss input{margin:0}.palette{background:var(--color-surface);border:1px solid var(--color-border);resize:both;flex-direction:column;min-width:120px;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0000000f}.palette[hidden]{display:none}.palette__title-bar{background:var(--color-surface);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);cursor:grab;align-items:center;gap:0;min-height:15px;padding:2px 5px;display:flex}.palette__title-bar:active{cursor:grabbing}.palette__title{letter-spacing:.01em;white-space:nowrap;background:var(--color-surface);z-index:1;flex-shrink:0;padding:0 4px;font-size:11px;font-weight:700;position:relative}.palette__stripes{background:repeating-linear-gradient(to bottom, var(--color-border-light) 0px, var(--color-border-light) 1px, #fff 1px, #fff 2px, transparent 2px, transparent 3px);flex:1;min-width:6px;height:4px}.palette__close-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;flex-shrink:0;width:9px;height:9px;margin-right:3px}.palette__close-box:hover{background:var(--color-surface-light)}.palette__zoom-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;flex-shrink:0;width:9px;height:9px;margin-left:3px;position:relative}.palette__zoom-box:after{content:"";border:1px solid var(--color-border);background:var(--color-surface-light);width:4px;height:4px;position:absolute;top:2px;left:2px}.palette--zoomed .palette__zoom-box:after{top:auto;bottom:1px;left:auto;right:1px}.palette--zoomed .palette__body{max-height:none}.palette__zoom-box:hover{background:var(--color-surface-light)}.palette__collapse-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;flex-shrink:0;width:9px;height:9px;margin-left:3px}.palette__body{flex:1;min-height:0;max-height:70vh;padding:8px;overflow:auto}#palette-preview .palette__body{flex-direction:column;max-height:none;display:flex;overflow:hidden}.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{opacity:.92;box-shadow:0 4px 20px #0000001f}@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 #0000}}.palette--focus-pulse{animation:.6s ease-out window-pulse}.palette__empty{text-align:center;color:var(--color-text-muted);padding:1rem .5rem;font-size:.72rem;font-style:italic}#app{flex:1;padding:10px}.state--dimmed{opacity:.5;pointer-events:none}.main-actions{justify-content:flex-end;padding-top:.5rem;display:flex}.main-actions[hidden]{display:none}.settings-actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;margin-top:.35rem;padding-top:.5rem;display:flex}.settings-actions[hidden]{display:none}.drop-area{border:1px solid var(--color-border);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:.75rem 1rem;transition:background-color .15s,opacity .2s;display:flex}.drop-area:hover{background:#f5f4f0}.drop-area:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background:#f5f4f0}.drop-area--active{background:#eef0ff}.drop-area__content{pointer-events:none;align-items:center;gap:.75rem;display:flex}.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);margin-top:.1rem;font-size:.75rem}.try-example-link{color:var(--color-primary);cursor:pointer;text-underline-offset:2px;pointer-events:auto;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.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{z-index:1;align-items:flex-end;gap:0;margin-bottom:-1px;display:flex;position:relative}.tab-control__tab{border:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:3px 3px 0 0;padding:3px 12px 4px;font-size:.75rem;font-weight:600;transition:background-color .1s;position:relative;top:2px}.tab-control__tab:first-child{margin-left:4px}.tab-control__tab:hover{background:var(--color-surface-light)}.tab-control__tab--active{background:var(--color-surface-light);border:1px solid var(--color-border);z-index:2;border-bottom-color:#0000;padding-bottom:6px;top:0}.tab-control__hint{color:var(--color-text-muted);margin:.3rem .4rem 0;font-size:.68rem;line-height:1.3}.advanced{border-top:1px solid var(--color-border-light);background:var(--color-surface);margin-top:.35rem;padding:.35rem .5rem 0}.advanced__toggle{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;font-size:.75rem;font-weight:600;line-height:1}.advanced__toggle:hover{color:var(--color-text)}.advanced__icon{vertical-align:-1px;opacity:.6;margin-right:2px}.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{color:var(--color-text);align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;display:flex}.control-disclaimer{color:var(--color-text-muted);margin:2px 0 0 1.4rem;font-size:.68rem;line-height:1.4}.control-disclaimer a{color:var(--color-primary);cursor:pointer;text-decoration:underline}.mode-toggle{margin-top:.25rem;display:inline-flex}.mode-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;padding:.2rem .7rem;font-size:.75rem;font-weight:600;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{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.quality-slider{-webkit-appearance:none;appearance:none;background:0 0;outline:none;flex:1;height:6px}.quality-slider::-webkit-slider-runnable-track{border:1px solid var(--color-border);background:var(--color-surface-light);height:6px}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;width:14px;height:14px;margin-top:-5px}.quality-slider::-moz-range-track{border:1px solid var(--color-border);background:var(--color-surface-light);height:6px}.quality-slider::-moz-range-thumb{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;width:14px;height:14px}.quality-value{text-align:right;min-width:2ch;color:var(--color-text);font-size:.78rem;font-weight:600}.dpi-input{border:1px solid var(--color-border);width:4.5rem;color:var(--color-text);background:#fff;margin-top:.25rem;padding:.2rem .4rem;font-size:.78rem;font-weight:600}.inspector-meta{border-bottom:1px solid var(--color-border-light);grid-template-columns:auto 1fr;gap:.1rem .6rem;margin-bottom:.2rem;padding:.35rem .5rem;font-size:.72rem;display:grid}.inspector-meta__label{color:var(--color-text-muted);font-weight:600}.inspector-meta__value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-toolbar{border-bottom:1px solid var(--color-border-light);justify-content:flex-end;padding:.3rem .5rem;display:flex}: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{color:var(--color-text-muted);grid-template-columns:1fr 7rem 7rem 5.5rem;gap:.4rem;padding:.2rem .4rem .2rem calc(3px + .4rem);font-size:.72rem;font-weight:600;display:grid}.inspect-panel__total{border-top:1px solid var(--color-border-light);color:var(--color-text);margin-top:.2rem;padding-top:.4rem}.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:"";height:100%;width:var(--pct,0%);background:var(--cat-accent,var(--color-border-light));opacity:.07;pointer-events:none;z-index:0;position:absolute;top:0;left:0}.inspect-category__header{cursor:pointer;z-index:1;grid-template-columns:1fr 7rem 7rem 5.5rem;gap:.4rem;padding:.3rem .4rem;font-size:.72rem;list-style:none;display:grid;position:relative}.inspect-category__header::-webkit-details-marker{display:none}.inspect-category__label{font-weight:600}.inspect-category__desc-text{color:var(--color-text-muted);margin-left:.4rem;font-size:.65rem;font-weight:400;display:none}.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);background:#16a34a14;padding:0 .15rem;font-weight:600}.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{color:var(--color-success);padding:.15rem 0 .25rem;font-size:.68rem;font-style:italic}.inspect-item{grid-template-columns:1fr auto 3rem;align-items:center;gap:.4rem;padding:.1rem 0;font-size:.68rem;display:grid}.inspect-item:hover{background:var(--color-surface-light)}.inspect-item--summary{color:var(--color-text-muted);padding:.1rem 0;font-size:.68rem;font-style:italic;display:flex}.inspect-item__desc{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.inspect-item__size{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.inspect-item__bar{border:1px solid var(--color-border-light);background:var(--color-surface-light);height:4px;overflow:hidden}.inspect-item__bar-fill{height:100%;width:var(--item-pct,0%);background:var(--cat-accent,var(--color-bar-fill));display:block}.inspect-subgroup__header{color:var(--color-text-muted);border-top:1px solid var(--color-border-light);margin-top:.2rem;padding:.3rem 0 .1rem;font-size:.68rem;font-weight:600}.inspect-subgroup__header:first-child{border-top:none;margin-top:0}.inspect-collapse[hidden]{display:none}.inspect-show-more{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-size:.68rem;font-weight:500;display:block}.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);margin-bottom:.35rem;padding:.7rem}.file-item__name{margin-bottom:.15rem;font-size:.82rem;font-weight:600;display:block}.file-item__pass{color:var(--color-text-muted);margin-bottom:.35rem;font-size:.75rem;display:block}.file-item__bar{border:1px solid var(--color-border);background:var(--color-surface);height:12px;overflow:hidden}.file-item__fill{background:var(--color-bar-fill);height:100%;transition:width .3s}.file-item__fill--error{background:var(--color-error)}.results-hero__pct{color:var(--color-success);font-size:1.2rem;font-weight:700;line-height:1.1}.results-hero__pct--zero{color:var(--color-text-muted)}.results-hero__sizes{color:var(--color-text-muted);margin-top:.1rem;font-size:.75rem}.results-hero__bar{border:1px solid var(--color-border);background:var(--color-surface);max-width:200px;height:8px;margin-top:.3rem;overflow:hidden}.results-hero__bar-fill{background:var(--color-success);height:100%;transition:width .4s}.result-card{background:var(--color-surface-light);border:1px solid var(--color-border-light);margin-bottom:.35rem;padding:.6rem}.result-card__hero{grid-template-columns:1fr auto;align-items:center;gap:0 .6rem;display:grid}.result-card__filename{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.15rem;font-size:.75rem;overflow:hidden}.result-card__download{align-self:center}.result-card--summary .result-card__hero{text-align:center;display:block}.result-card--summary .result-card__download{margin-top:.6rem;display:inline-block}.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{background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;grid-template-columns:1fr 5.5rem 5.5rem 4.5rem auto;gap:.3rem;padding:.25rem .5rem;font-size:.68rem;font-weight:600;display:grid}.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{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 5.5rem 5.5rem 4.5rem auto;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.75rem;display:grid}.result-table__row-data:hover{background:var(--color-surface)}.result-table__cell--name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.72rem;font-weight:600;list-style:none;display:flex}.result-card__disclosure>summary::-webkit-details-marker{display:none}.result-card__disclosure>summary:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .15s;display:inline-block}.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{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;list-style:none;display:flex}.pass-stats__item{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-light);padding:.15rem .5rem;font-size:.68rem;display:none}.pass-stats__item--active{color:var(--color-text);font-weight:500;display:inline-block}.saved--positive{color:var(--color-success);font-weight:600}.saved--zero{color:var(--color-text-muted)}.btn{border:1px solid var(--color-border);min-width:58px;min-height:22px;box-shadow:none;background:var(--color-surface);cursor:pointer;color:var(--color-text);text-align:center;border-radius:3px;padding:.3rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .1s;display:inline-block}.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{min-width:0;min-height:0;padding:.2rem .6rem;font-size:.75rem}.btn--default{outline:2px solid var(--color-border);outline-offset:1px}.btn--default:active{box-shadow:var(--shadow-sunken)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab-control__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.advanced__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.try-example-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.inspect-show-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.file-item__retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.control-strip__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.control-strip__icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.desktop-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pattern-swatch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-cancel:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.result-card__disclosure>summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quality-slider:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dpi-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-bar__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-bar__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sound-preview-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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:2s ease-in-out stale-pulse}.hint-banner{border-left:3px solid var(--cat-images);color:var(--color-text);background:#f59e0b0f;margin-top:.5rem;padding:.35rem .5rem;font-size:.75rem}.hint-banner__link{color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.hint-banner__link:hover{color:var(--color-primary-hover)}#palette-debug .palette__title-bar{background:#1a1a1a;border-bottom-color:#333}#palette-debug .palette__title{color:#3f3;background:#1a1a1a}#palette-debug .palette__stripes{background:repeating-linear-gradient(#333 0 1px,#1a1a1a 1px 2px,#0000 2px 3px)}#palette-debug .palette__close-box,#palette-debug .palette__collapse-box{background:#1a1a1a;border-color:#444}#palette-debug .palette__body{color:#3f3;background:#0a0a0a;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{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:.2rem;font-size:.72rem}.debug-table th,.debug-table td{text-align:left;border-bottom:1px solid var(--color-border-light);padding:.15rem .4rem}.debug-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:600}.compare-viewer-wrap{border:1px solid var(--color-border-light);background:var(--color-surface-light);flex-direction:column;min-height:0;margin:.2rem 0 .35rem;padding:.35rem .5rem .5rem;display:flex;overflow:hidden}.palette__body>.compare-viewer-wrap{flex:1;min-height:0;margin:0}.compare-side__label{background:var(--color-surface);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin:-.35rem -.5rem 0;padding:.3rem .5rem;font-size:.72rem;font-weight:600;display:flex}.compare-powered-by{color:var(--color-text-muted);opacity:.7;font-size:.65rem;font-weight:400;text-decoration:none}.compare-powered-by:hover{opacity:1;color:var(--color-primary)}.compare-side__viewer{min-height:200px;position:relative}.compare-error{color:var(--color-error);text-align:center;padding:.6rem;font-size:.78rem}.drop-overlay{z-index:999;pointer-events:none;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.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{color:var(--color-text);font-size:1.1rem;font-weight:700}.toast{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);z-index:1000;opacity:1;padding:.45rem .9rem .45rem .6rem;font-size:.78rem;font-weight:500;transition:opacity .3s;position:fixed;bottom:calc(28px + 1rem);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.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:1.5s linear infinite shimmer}.processing-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.btn-cancel{color:var(--color-text-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.3rem .6rem;font-size:.78rem;font-weight:500;text-decoration:underline}.btn-cancel:hover{color:var(--color-text)}.file-item__retry{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;border-radius:3px;margin-left:.4rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.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{z-index:500;background:var(--color-surface);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);align-items:center;height:28px;padding:0;transition:transform .2s;display:flex;position:fixed;bottom:0;left:0}.control-strip--collapsed{transform:translateY(100%)}.control-strip__modules{align-items:center;gap:0;height:100%;padding:0 4px;display:flex}.control-strip__separator{background:var(--color-border);flex-shrink:0;width:1px;height:16px;margin:0 4px}.control-strip__btn{height:22px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:0 8px;font-size:.68rem;font-weight:600;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{width:26px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:flex}.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{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;z-index:501;border-bottom:none;border-left:none;justify-content:center;align-items:center;width:20px;height:28px;display:flex;position:fixed;bottom:0;left:0}.control-strip__tab:hover{background:var(--color-surface-light)}.control-strip__tab-grip{background:repeating-linear-gradient(to bottom, var(--color-border) 0px, var(--color-border) 1px, transparent 1px, transparent 3px);width:6px;height:12px}.desktop-icons{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:48px;right:20px}.desktop-icon{cursor:pointer;color:var(--color-text);background:0 0;border:2px solid #0000;border-radius:3px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;text-decoration:none;display:flex}.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{color:var(--color-text-muted);white-space:nowrap;font-size:.68rem}.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{color:#4a4200;background:#f0e868}.palette--sticky .palette__stripes{background:0 0}.palette--sticky .palette__close-box{background:#f0e868;border-color:#d4c94a}.palette--sticky .palette__close-box:hover{background:#f8f080}.palette--sticky .palette__zoom-box{background:#f0e868;border-color:#d4c94a}.palette--sticky .palette__zoom-box:hover{background:#f8f080}.palette--sticky .palette__zoom-box:after{background:#f8f080;border-color:#d4c94a}.palette--sticky .palette__collapse-box{background:#f0e868;border-color:#d4c94a}.palette--sticky .palette__collapse-box:hover{background:#f8f080}.palette--sticky .palette__body{background:#fcf4a3}.readme-content{color:#2a2a1e;font-size:.78rem;line-height:1.6}.readme-content h1{margin:.6rem 0 .3rem;font-size:1rem}.readme-content h2{border-bottom:1px solid #e0d880;margin:.5rem 0 .25rem;padding-bottom:.15rem;font-size:.88rem}.readme-content h3{margin:.4rem 0 .2rem;font-size:.82rem}.readme-content p{margin:.3rem 0}.readme-content code{background:#0000000f;border-radius:2px;padding:.1rem .3rem;font-size:.72rem}.readme-content pre{background:#0000000f;border-radius:2px;margin:.3rem 0;padding:.5rem;overflow-x:auto}.readme-content pre code{background:0 0;padding:0;font-size:.7rem}.readme-content a{color:var(--color-primary)}.readme-content ul,.readme-content ol{margin:.3rem 0;padding-left:1.2rem}.readme-content li{margin:.15rem 0}.readme-content table{border-collapse:collapse;width:100%;margin:.3rem 0;font-size:.72rem}.readme-content th,.readme-content td{text-align:left;border:1px solid #e0d880;padding:.2rem .4rem}.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{border-top:1px solid var(--color-border-light);padding:.5rem 0}.appearance-section:first-child{border-top:none;padding-top:0}.appearance-section__title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem;font-size:.72rem;font-weight:700}.appearance-section__sublabel{color:var(--color-text-muted);margin-bottom:.2rem;font-size:.72rem}.appearance-check{cursor:pointer;align-items:center;gap:.35rem;padding:.15rem 0;font-size:.78rem;display:flex}.pattern-grid{grid-template-columns:repeat(5,28px);gap:4px;display:grid}.pattern-swatch{border:1px solid var(--color-border);background-color:var(--color-bg);cursor:pointer;width:28px;height:28px;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{flex-wrap:wrap;gap:2px;margin-top:.2rem;display:flex}.theme-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.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{border:1px solid #0003;border-radius:50%;width:8px;height:8px;display:inline-block}.sound-details--disabled{opacity:.4;pointer-events:none}.sound-volume-row{align-items:center;gap:.4rem;padding:.2rem 0;font-size:.78rem;display:flex}.sound-volume-row input[type=range]{height:4px;accent-color:var(--color-primary);flex:1}.sound-volume-value{color:var(--color-text-muted);text-align:right;min-width:2em;font-size:.72rem}.sound-event-row{align-items:center;gap:.35rem;padding:.15rem 0;font-size:.78rem;display:flex}.sound-event-label{min-width:4.2em;color:var(--color-text-muted);font-size:.72rem}.sound-event-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:0;flex:1;padding:.15rem .3rem;font-size:.72rem}.sound-preview-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:22px;height:22px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sound-preview-btn:hover{background:var(--color-surface-light);color:var(--color-text)}.sound-preview-btn svg{width:12px;height:12px}.sound-attribution{color:var(--color-text-muted);margin-top:.4rem;font-size:.65rem;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,body:not([data-theme]) .palette:not(.palette--sticky) .palette__title-bar{background:linear-gradient(#eeeef5,#d0d0da)}body:not([data-theme]) .palette:not(.palette--sticky) .palette__title{background:0 0}body:not([data-theme]) .menu-bar{background:linear-gradient(#eeeef5,#d8d8e2)}body:not([data-theme]) .btn{background:linear-gradient(#eeeef5,#d0d0da)}body:not([data-theme]) .btn:hover{background:linear-gradient(#f4f4fa,#dddde5)}body:not([data-theme]) .btn:active{background:linear-gradient(#c8c8d2,#dddde5)}body:not([data-theme]) .mode-btn{background:linear-gradient(#eeeef5,#d0d0da)}body:not([data-theme]) .mode-btn--active{background:linear-gradient(#d0d0da,#e8e8f0)}body:not([data-theme]) .tab-control__tab{background:linear-gradient(#dddde5,#c8c8d2)}body:not([data-theme]) .tab-control__tab--active{background:linear-gradient(#eeeef5,#e8e8f0)}body:not([data-theme]) .about-dialog__title-bar,body:not([data-theme]) .mac-face-toast__title-bar{background:linear-gradient(#eeeef5,#d0d0da)}body:not([data-theme]) .control-strip{background:linear-gradient(#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:#fff;--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:#fff;--color-surface-light:#e0e0e0;--color-text:#000;--color-text-muted:#555;--color-primary:#000;--color-primary-hover:#333;--color-border:#000;--color-border-light:gray;--color-drop-bg:#fff;--color-drop-border:#000;--color-success:#000;--color-error:#000;--color-bar-bg:silver;--color-bar-fill:#000;--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,body[data-theme=system7] .menu-bar__item:hover,body[data-theme=system7] .menu-bar__item:focus{color:#fff;background:#000}body[data-theme=system7] .title-bar__ridges{background:repeating-linear-gradient(#000 0 1px,#fff 1px 2px,#0000 2px 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(#000 0 1px,#fff 1px 2px,#0000 2px 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{background:var(--color-surface-light);outline:2px solid var(--color-primary);outline-offset:2px}body[data-theme=amber] .drop-area:focus-visible{background:var(--color-surface-light);outline:2px solid var(--color-primary);outline-offset:2px}body[data-theme=ocean] .drop-area:focus-visible{background:var(--color-surface-light);outline:2px solid var(--color-primary);outline-offset:2px}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{color:#2a2200;background:#b8a830}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{background:#b8a830;border-color:#9a8a20}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}.pacman-strip{opacity:0;pointer-events:none;width:120px;height:21px;transition:opacity .4s;position:absolute;top:0;right:8px;overflow:hidden}.pacman-strip--visible{opacity:1}.pacman-strip--leaving{opacity:0}.pacman-char{animation:4s linear infinite pacman-walk;position:absolute;top:5px}.pacman-icon{animation:.2s steps(2,end) infinite pacman-chomp;display:block}@keyframes pacman-chomp{0%{clip-path:polygon(0% 0%,50% 50%,0% 100%,100% 100%,100% 0%)}50%{clip-path:polygon(0% 20%,50% 50%,0% 80%,100% 100%,100% 0%)}}@keyframes pacman-walk{0%{transform:translate(110px)}to{transform:translate(-20px)}}.pacman-dot{background:var(--color-text);opacity:.5;border-radius:50%;width:3px;height:3px;animation:4s linear infinite pacman-dot-hide;position:absolute;top:9px}.pacman-dot:first-child,.pacman-dot:nth-child(2),.pacman-dot:nth-child(3),.pacman-dot:nth-child(4),.pacman-dot:nth-child(5){animation-delay:0s}@keyframes pacman-dot-hide{0%{visibility:visible}to{visibility:visible}}.pacman-dot:nth-child(5){animation:4s linear infinite pacman-dot5}.pacman-dot:nth-child(4){animation:4s linear infinite pacman-dot4}.pacman-dot:nth-child(3){animation:4s linear infinite pacman-dot3}.pacman-dot:nth-child(2){animation:4s linear infinite pacman-dot2}.pacman-dot:first-child{animation:4s linear infinite pacman-dot1}@keyframes pacman-dot5{0%,10%{opacity:.5}10.8%{opacity:0}99.9%{opacity:0}to{opacity:.5}}@keyframes pacman-dot4{0%,24%{opacity:.5}24.6%{opacity:0}99.9%{opacity:0}to{opacity:.5}}@keyframes pacman-dot3{0%,38%{opacity:.5}38.5%{opacity:0}99.9%{opacity:0}to{opacity:.5}}@keyframes pacman-dot2{0%,52%{opacity:.5}52.3%{opacity:0}99.9%{opacity:0}to{opacity:.5}}@keyframes pacman-dot1{0%,66%{opacity:.5}66.2%{opacity:0}99.9%{opacity:0}to{opacity:.5}}.pacman-ghost-wrap{animation:4s linear infinite pacman-ghost-walk;position:absolute;top:5px}@keyframes pacman-ghost-walk{0%{transform:translate(130px)}to{transform:translate(0)}}.pacman-ghost{display:block}@media (prefers-reduced-motion:reduce){.pacman-strip{display:none}}.mac-face-toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:10000;opacity:0;width:280px;transition:opacity .35s;position:absolute;box-shadow:1px 2px 8px #0000002e}.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{border-bottom:1px solid var(--color-border);cursor:grab;align-items:center;gap:0;min-height:15px;padding:2px 5px;display:flex}.mac-face-toast__title-bar:active{cursor:grabbing}.mac-face-toast__close-box{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:2px;flex-shrink:0;width:9px;height:9px}.mac-face-toast__close-box:hover{background:var(--color-surface-light)}.mac-face-toast__stripes{background:repeating-linear-gradient(to bottom, var(--color-border-light) 0px, var(--color-border-light) 1px, #fff 1px, #fff 2px, transparent 2px, transparent 3px);flex:1;min-width:6px;height:4px}.mac-face-toast__title{letter-spacing:.01em;white-space:nowrap;flex-shrink:0;padding:0 4px;font-size:11px;font-weight:700}.mac-face-toast__content{align-items:flex-start;gap:0;display:flex}.mac-face-toast__icon{border-right:1px solid var(--color-border-light);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:52px;padding:.8rem .3rem .8rem .6rem;display:flex}.mac-face-toast__icon svg{width:36px;height:36px}.mac-face-toast__text{color:var(--color-text);flex:1;padding:.6rem .8rem;font-size:.75rem;line-height:1.5}.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()}body.filter-bw{filter:grayscale()contrast(1.75)}body.crt-overlay:before{content:"";z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 1px,#00000040 1px 2px),repeating-linear-gradient(90deg,#ff00000a 0 1px,#00ff0008 1px 2px,#0000ff0a 2px 3px);position:fixed;top:0;bottom:0;left:0;right:0}body.crt-overlay:after{content:"";z-index:9999;pointer-events:none;background:radial-gradient(#0000 60%,#00000073 100%);animation:.15s infinite crt-flicker;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 100px #00000059}@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{opacity:.97;animation:none}}.a11y-panel{font-size:.72rem}.a11y-checklist{border-bottom:1px solid var(--color-border-light);grid-template-columns:auto auto 1fr;align-items:center;gap:.1rem .5rem;margin-bottom:.2rem;padding:.35rem .5rem;display:grid}.a11y-check__icon{font-size:.78rem;font-weight:700}.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{color:var(--color-text-muted);font-weight:600}.a11y-checklist__value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.a11y-audit{border-bottom:1px solid var(--color-border-light)}.a11y-audit:last-of-type{border-bottom:none}.a11y-audit__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.3rem .5rem;list-style:none;display:flex}.a11y-audit__header::-webkit-details-marker{display:none}.a11y-audit__header::marker{content:"";display:none}.a11y-audit__header:hover{background:var(--color-surface-light)}.a11y-audit__title{color:var(--color-text);font-weight:600}.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);margin:0;font-size:.68rem}.a11y-audit__font-list{margin:.15rem 0 0;padding:0;list-style:none}.a11y-audit__font-list li{color:var(--color-text);padding:.05rem 0;font-size:.68rem}.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{color:var(--color-text);margin-bottom:.3rem;font-weight:700}.a11y-validators__title{color:var(--color-text-muted);margin-top:.3rem;margin-bottom:.2rem;font-weight:600}.a11y-validators__list{margin:0;padding:0;list-style:none}.a11y-validators__list li{padding:.1rem 0;font-size:.68rem}.a11y-validators__list a{color:var(--color-primary);font-weight:600;text-decoration:none}.a11y-validators__list a:hover{text-decoration:underline}.shutdown-overlay{z-index:2000;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;transition:background .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.shutdown-overlay--off{background:#000}.shutdown-message{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.2rem}.shutdown-hint{color:#fff;opacity:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;animation:.8s forwards shutdown-hint-fade}@keyframes shutdown-hint-fade{to{opacity:.35}}.trash-poof{pointer-events:none;z-index:99999;width:160px;height:160px;margin:-80px 0 0 -80px;animation:.6s ease-out forwards trash-poof;position:fixed;top:50%;left:50%}.trash-poof__star{background:var(--color-text,#333);opacity:.85;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%}.trash-poof__star:first-child{animation:.55s ease-out forwards poof-particle-1}.trash-poof__star:nth-child(2){animation:.55s ease-out forwards poof-particle-2}.trash-poof__star:nth-child(3){animation:.55s ease-out forwards poof-particle-3}.trash-poof__star:nth-child(4){animation:.55s ease-out forwards poof-particle-4}.trash-poof__star:nth-child(5){animation:.55s ease-out forwards poof-particle-5}@keyframes trash-poof{0%{opacity:1;transform:scale(.4)}40%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}@keyframes poof-particle-1{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-50px,-60px)scale(.3)}}@keyframes poof-particle-2{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(55px,-45px)scale(.3)}}@keyframes poof-particle-3{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px,40px)scale(.3)}}@keyframes poof-particle-4{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-55px,50px)scale(.3)}}@keyframes poof-particle-5{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translateY(-70px)scale(.3)}}@media (max-width:768px){.desktop{flex-direction:column;gap:8px;padding:8px;display:flex}.app-window,.palette{resize:none;width:100%!important;position:static!important;top:auto!important;left:auto!important}.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{text-align:center;flex:1}.desktop-icons{display:none}.control-strip{border-right:none;width:100%}.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}}