:root{--pp-bg: var(--app-page-bg);--pp-panel: var(--app-surface-light);--pp-line: var(--app-border-structure);--pp-ink: var(--app-text-strong);--pp-muted: var(--app-text-muted);--pp-btn: var(--app-action-bg);--pp-btn-hover: var(--app-action-muted-hover-bg);--pp-soft: var(--app-surface-soft);--pp-preview-board-content-size: 500px;--pp-preview-board-total-size: 500px}body[data-page=palette-hub]{margin:0;min-height:100vh;background:var(--pp-bg);color:var(--pp-ink);font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}body[data-page=palette-hub].palette-swatch-open{overflow:hidden;overscroll-behavior:none}.palette-page-shell{width:min(1280px,calc(100vw - 40px));margin:18px auto 30px}.palette-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}.palette-kicker{margin:0 0 6px;color:var(--pp-muted);font-size:12px;letter-spacing:.08em}.palette-title{margin:0;font-size:clamp(42px,6vw,58px);line-height:.95;letter-spacing:.03em}.palette-subtitle{margin:10px 0 0;color:var(--pp-muted);font-size:14px}.palette-nav{display:flex;gap:10px;flex-wrap:wrap}.palette-nav-btn{min-height:38px;line-height:38px;padding:0 16px}.palette-touch-entry{display:none!important}.settings-category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.settings-category-link{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;border:1px solid var(--app-border-structure);border-radius:14px;background:var(--app-surface-light);color:var(--app-text-strong);text-decoration:none;box-shadow:0 8px 18px #1f363a12;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.settings-category-link strong{font-size:17px}.settings-category-link span{color:var(--app-text-muted);font-size:13px}.settings-category-link:hover,.settings-category-link:focus-visible{border-color:var(--enamel-button-teal);transform:translateY(-1px);box-shadow:0 10px 22px #1f363a1c}.settings-category-link.is-active{border-color:var(--enamel-button-teal);background:color-mix(in srgb,var(--app-accent) 8%,var(--app-surface-light));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 18%,transparent)}#timer-settings[hidden],#appearance-settings[hidden]{display:none!important}.palette-settings-card{margin-bottom:14px;padding:14px;scroll-margin-top:12px}.palette-settings-card .panel-head h2{font-size:28px}.palette-settings-section{scroll-margin-top:12px}.settings-disclosure{border:1px solid var(--app-border-structure);border-radius:14px;background:var(--app-surface-soft);overflow:hidden}.settings-disclosure summary{display:flex;align-items:center;gap:14px;padding:13px 14px;cursor:pointer;list-style:none}.settings-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure summary:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:-2px}.settings-disclosure-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.settings-disclosure-copy strong{color:var(--app-text-strong);font-size:17px}.settings-disclosure-copy small,.custom-secondary-timer-desc{color:var(--app-text-muted);font-size:13px}.settings-disclosure-action{flex:0 0 auto;color:var(--app-accent);font-size:13px;font-weight:700}.settings-disclosure-close,.settings-disclosure[open] .settings-disclosure-open{display:none}.settings-disclosure[open] .settings-disclosure-close{display:inline}.custom-secondary-timer-body{padding:0 14px 14px;border-top:1px solid var(--app-border-structure)}.custom-secondary-timer-family-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.custom-secondary-timer-family-btn{min-height:40px;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);font:inherit;font-weight:700;cursor:pointer}.custom-secondary-timer-family-btn.is-active{border-color:var(--enamel-button-primary);background:var(--enamel-button-primary);color:var(--enamel-button-primary-text);box-shadow:inset 0 3px 0 var(--enamel-button-teal),inset 0 -3px 0 var(--enamel-button-gold)}.custom-secondary-timer-label{display:block;margin-top:14px;color:var(--app-text-strong);font-size:15px;font-weight:700}.custom-secondary-timer-desc{margin:5px 0 0}.custom-secondary-timer-generator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-top:14px}.custom-secondary-timer-generator label{display:grid;gap:5px;min-width:0;color:var(--app-text-strong);font-size:13px;font-weight:700}.custom-secondary-timer-generator select{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--app-border-control);border-radius:7px;background:var(--app-surface-control);color:var(--app-text-strong);font:inherit}.custom-secondary-timer-generator .replay-button{min-height:40px;margin:0;white-space:nowrap}.custom-secondary-timer-generator-hint{margin:7px 0 0;color:var(--app-text-muted);font-size:12px}#custom-secondary-timer-rules{width:100%;min-height:150px;margin-top:8px;padding:10px;box-sizing:border-box;resize:vertical;border:1px solid var(--app-border-control);border-radius:7px;background:var(--app-surface-control);color:var(--app-text-strong);font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}#custom-secondary-timer-rules[aria-invalid=true]{border-color:var(--app-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--app-danger) 18%,transparent)}.custom-secondary-timer-actions{display:flex;gap:10px;margin-top:10px}.custom-secondary-timer-actions .replay-button{min-width:104px}@media(max-width:760px)and (pointer:coarse){.palette-touch-entry{display:inline-flex!important}}.card-surface{border:1px solid var(--pp-line);border-radius:18px;background:var(--pp-panel)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.panel-head h2{margin:0;font-size:34px;line-height:1.1}.panel-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;border-radius:999px;background:var(--app-surface-soft);color:var(--app-text-strong);font-size:12px;font-weight:700;padding:0 9px}.theme-selection-col{box-sizing:border-box}.palette-sidebar-theme{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--app-border-structure)}.theme-selection-col>label{display:block;margin-bottom:7px;font-size:15px;font-weight:600;color:var(--app-text-strong)}.palette-variant-note{margin:8px 0 0;color:var(--app-text-muted);font-size:12px;line-height:1.5}.custom-select-wrapper,.custom-select,.custom-select-trigger{width:100%}.custom-select{position:relative}.custom-select-trigger{min-height:44px;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 5px 12px #1f363a14;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.custom-select-trigger span{font-size:17px;font-weight:600;line-height:1}.custom-select-trigger:hover{border-color:#12667a7a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffeb,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 8px 16px #1f363a1f}.custom-select.open .custom-select-trigger{border-color:var(--enamel-button-teal);transform:none;box-shadow:0 0 0 2px #2f86a024,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent)}.custom-select-options{margin-top:6px;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);position:absolute;left:0;right:0;z-index:9;max-height:240px;overflow:auto;display:none;box-shadow:0 10px 24px #1f363a24}.custom-select.open .custom-select-options{display:block}.custom-option{padding:8px 10px;cursor:pointer;font-size:13px;transition:background-color .12s ease,box-shadow .12s ease}.custom-option+.custom-option{border-top:1px solid var(--enamel-button-border)}.custom-option:hover,.custom-option.selected{background:#2f86a01c;box-shadow:inset 3px 0 0 var(--enamel-button-teal)}.custom-arrow{width:12px;height:12px;flex:0 0 12px;box-sizing:border-box;border:0;border-right:2px solid var(--enamel-button-ink);border-bottom:2px solid var(--enamel-button-ink);transform:rotate(-45deg);margin-left:10px;pointer-events:none;transition:transform .14s ease}.custom-select.open .custom-arrow{transform:rotate(45deg)}#theme-preview-grid[hidden]{display:none!important}.palette-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.palette-sidebar{padding:14px}.palette-sidebar .panel-head h2{font-size:15px;font-weight:600;line-height:1.2}.palette-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 250px);overflow:auto}.palette-list .palette-item:first-child{margin-top:4px}.palette-item{position:relative;flex-shrink:0;isolation:isolate;overflow:hidden;width:100%;text-align:left;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);padding:10px 12px;cursor:pointer;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 4px 10px #1f363a12;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.palette-item:before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:3px;background:var(--enamel-button-teal);opacity:1;transition:width .18s ease,opacity .18s ease}.palette-item:is(:hover,:focus-visible){border-color:#12667a7a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 7px 14px #1f363a1c}.palette-item:not(.is-active):is(:hover,:focus-visible):before{width:100%;opacity:.1}.palette-item.is-active{border-color:var(--enamel-button-teal);background:color-mix(in srgb,var(--app-accent) 7%,var(--enamel-button-surface));box-shadow:inset 0 0 0 1px #2f86a02e,0 7px 15px #1f363a1c}.palette-item.is-active:before{width:4px}.palette-item:active{transform:translateY(1px) scale(.985)}.palette-item-title{font-size:17px;font-weight:700}.palette-item-meta{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.palette-chip{display:inline-flex;align-items:center;height:20px;border-radius:999px;padding:0 8px;font-size:11px;color:#fff;background:var(--enamel-button-primary)}.palette-chip.custom{background:var(--enamel-button-teal)}.palette-chip.current{background:var(--enamel-button-gold);color:#26383b}.palette-editor{padding:14px}.palette-toolbar{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,auto);gap:8px;margin-bottom:10px}.palette-name-input{min-height:38px;border:1px solid var(--app-border-control);border-radius:10px;padding:0 12px;font-size:16px;color:var(--app-text-strong);background:var(--app-surface-control)}.palette-name-input:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.2)}.palette-dimension-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--enamel-button-border);border-radius:7px;overflow:hidden;margin-bottom:10px;background:var(--enamel-button-surface);box-shadow:inset 0 1px #ffffffe6,0 5px 12px #1f363a14}.palette-dimension-tab{min-height:48px;border:none;border-right:1px solid var(--enamel-button-border);background:var(--enamel-button-surface);color:var(--enamel-button-ink);font-size:22px;font-weight:700;letter-spacing:0;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.palette-dimension-tab:last-child{border-right:none}.palette-dimension-tab.is-active{background:var(--enamel-button-primary);color:var(--enamel-button-primary-text);box-shadow:inset 0 3px 0 var(--enamel-button-teal),inset 0 -3px 0 var(--enamel-button-gold)}.palette-dimension-tab:not(.is-active):hover{background:var(--enamel-button-surface);box-shadow:inset 0 -3px #2f86a047}.palette-dimension-tab:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #1f363a2e}.color-panel,.preview-panel{border:1px solid var(--app-border-structure);border-radius:12px;background:var(--app-surface-soft);padding:10px}.color-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:24px;color:var(--app-text-strong);font-weight:700;margin-bottom:8px}.color-panel-head .palette-note{min-height:0;margin:0 0 0 auto;font-size:13px;font-weight:500;text-align:right}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px}.editor-workspace{position:relative}.editor-targets{border:1px solid var(--app-border-structure);border-radius:10px;background:var(--app-surface-light);padding:8px}.color-grid-targets{grid-template-columns:repeat(auto-fill,minmax(50px,50px));grid-auto-rows:50px;gap:7px;justify-content:start}.color-item{display:flex;align-items:center;gap:7px;min-width:0}.color-target{border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);width:50px;height:50px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 3px 7px #1f363a14;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.color-target:hover{border-color:var(--enamel-button-teal);transform:translateY(-1px);box-shadow:inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 6px 12px #1f363a1f}.color-grid-targets.is-readonly .color-target{cursor:not-allowed}.color-grid-targets.is-readonly .color-target:hover{border-color:var(--enamel-button-border);transform:none}.color-target.is-active-target{border-color:var(--enamel-button-teal);box-shadow:inset 0 0 0 2px #2f86a038,0 6px 12px #1f363a1f}.color-target:active{transform:translateY(1px) scale(.94)}.color-target-chip{position:absolute;inset:0;width:auto;height:auto;border-radius:6px;border:none}.color-target-label{font-size:21px;color:#4f4336;font-weight:700;line-height:1;position:relative;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.28),0 0 2px rgba(0,0,0,.2)}.color-target.is-compact-value .color-target-label{font-size:14px}.palette-expand-target{grid-column:span 2;width:107px;min-width:107px;height:50px;min-height:50px;padding:0 12px;font-size:14px;line-height:1}.color-target.is-extended .color-target-label{font-size:10px}.editor-palette{border:none;border-radius:0;background:transparent;padding:0;box-shadow:none}.editor-palette-popover{position:absolute;z-index:8;min-width:324px;width:324px;max-width:min(324px,calc(100vw - 22px));border:1px solid var(--app-border-structure);border-radius:14px;background:var(--app-surface-control);padding:8px;box-shadow:0 10px 24px #2a4a4e2e;margin-top:0;display:none;left:0;top:0;box-sizing:border-box}.editor-palette-popover.is-open{display:block}.editor-palette-head{font-size:13px;color:var(--app-text-muted);font-weight:700;margin-bottom:8px}.editor-palette-tile{display:none}.swatch-tile-chip{width:32px;height:32px;border-radius:10px;border:1px solid rgba(0,0,0,.38);background:#edc22e;box-sizing:border-box}.swatch-tile-value{font-size:20px;line-height:1;font-weight:700;color:#3a3128}.editor-palette-main{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:0;align-items:stretch}.editor-picker-left{min-width:0;border:1px solid var(--app-border-structure);border-right:none;border-radius:10px 0 0 10px;background:var(--app-surface-control);padding:8px 8px 10px;box-sizing:border-box}.picker-sv{position:relative;width:100%;aspect-ratio:1.62 / 1;border:1px solid #1f1a15;border-radius:0;overflow:hidden;cursor:crosshair;background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#edc22e)}.picker-sv-cursor{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #332a22;pointer-events:none}.picker-controls-row{margin-top:6px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center}.picker-current-dot{width:24px;height:24px;border-radius:999px;border:1px solid rgba(0,0,0,.35);background:#edc22e}.picker-hue{width:100%;height:10px;margin:0;appearance:none;border-radius:999px;border:1px solid #d4c6b5;background:linear-gradient(90deg,red,#f0f 16%,#00f,#0ff 50%,#0f0 66%,#ff0,red)}.picker-hue::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #7a5f45;background:#fff;cursor:pointer}.picker-hue::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #7a5f45;background:#fff;cursor:pointer}.picker-rgb-row{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.picker-rgb-row label{display:flex;flex-direction:column;gap:4px;align-items:center}.picker-rgb-row input{width:100%;height:28px;border:1px solid var(--app-border-control);border-radius:0;background:var(--app-surface-control);text-align:center;font-size:24px;color:var(--app-text-strong);box-sizing:border-box}.picker-rgb-row span{font-size:18px;color:var(--app-text-muted);font-weight:700}.editor-presets-right{border:1px solid var(--app-border-structure);border-left:none;border-radius:0 10px 10px 0;background:var(--app-surface-control);padding:8px 8px 10px;box-sizing:border-box}.swatch-grid{display:grid;gap:8px}.swatch-grid-presets{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px 8px}.swatch-chip{border:1px solid rgba(31,54,58,.26);border-radius:7px;aspect-ratio:1 / 1;min-height:28px;cursor:pointer;box-sizing:border-box;background-clip:padding-box;box-shadow:inset 0 1px #ffffff57,0 2px 5px #1f363a1f;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.swatch-chip:hover{transform:translateY(-1px);border-color:var(--enamel-button-teal);box-shadow:inset 0 1px #ffffff57,0 5px 10px #1f363a29}.swatch-chip.is-active-swatch{border-color:var(--enamel-button-teal);box-shadow:inset 0 0 0 2px var(--enamel-button-surface),inset 0 0 0 4px var(--enamel-button-teal),0 4px 9px #1f363a26}.swatch-chip:active{transform:translateY(1px) scale(.9)}.swatch-chip:disabled{cursor:not-allowed;opacity:.58;transform:none}.color-item span{font-size:18px;color:var(--app-text-muted);font-weight:700}.color-item.is-locked,.color-item.is-locked input[type=color]{cursor:not-allowed;opacity:.72}.preview-panel{margin-top:10px}.preview-layout{display:grid;grid-template-columns:minmax(0,var(--pp-preview-board-content-size));gap:12px;align-items:start;justify-content:center}.preview-board-wrap{width:var(--pp-preview-board-content-size);min-width:0}.palette-board-preview{width:var(--pp-preview-board-content-size);max-width:var(--pp-preview-board-content-size);height:auto;aspect-ratio:1 / 1;float:none;margin:0;padding:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:15px;box-sizing:border-box}.palette-board-preview .preview-tile{position:relative;width:100%;height:100%;transform:none!important;transition:none}.palette-board-preview .preview-tile .tile-inner{width:100%;height:100%;line-height:1}.palette-note{margin:10px 0 0;min-height:20px;font-size:13px;color:var(--pp-muted)}.palette-note.ok{color:var(--app-success)}.palette-note.err{color:var(--app-danger)}html[data-night-background="1"] body[data-page=palette-hub]{--pp-bg: var(--app-page-bg);--pp-panel: var(--app-surface-light);--pp-line: var(--app-border-structure);--pp-ink: var(--app-text-strong);--pp-muted: var(--app-text-muted);--pp-btn: var(--app-action-bg);--pp-btn-hover: var(--app-action-muted-hover-bg);--pp-soft: var(--app-surface-soft);color:var(--pp-ink)}html[data-night-background="1"] body[data-page=palette-hub] .palette-kicker,html[data-night-background="1"] body[data-page=palette-hub] .palette-subtitle,html[data-night-background="1"] body[data-page=palette-hub] .palette-item-meta,html[data-night-background="1"] body[data-page=palette-hub] .color-target-label,html[data-night-background="1"] body[data-page=palette-hub] .editor-palette-head,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row span,html[data-night-background="1"] body[data-page=palette-hub] .palette-variant-note,html[data-night-background="1"] body[data-page=palette-hub] .palette-note{color:var(--app-text-muted)}html[data-night-background="1"] body[data-page=palette-hub] .palette-title,html[data-night-background="1"] body[data-page=palette-hub] .panel-head h2,html[data-night-background="1"] body[data-page=palette-hub] .theme-selection-col>label,html[data-night-background="1"] body[data-page=palette-hub] .color-panel-head,html[data-night-background="1"] body[data-page=palette-hub] .swatch-tile-value{color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .card-surface,html[data-night-background="1"] body[data-page=palette-hub] .palette-toolbar,html[data-night-background="1"] body[data-page=palette-hub] .color-panel,html[data-night-background="1"] body[data-page=palette-hub] .preview-panel,html[data-night-background="1"] body[data-page=palette-hub] .editor-targets,html[data-night-background="1"] body[data-page=palette-hub] .editor-palette,html[data-night-background="1"] body[data-page=palette-hub] .editor-palette-tile,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row label,html[data-night-background="1"] body[data-page=palette-hub] .preview-board-wrap{background:var(--app-surface-light);border-color:var(--app-border-structure);box-shadow:0 18px 36px #01050e52,inset 0 1px #ffffff0a}html[data-night-background="1"] body[data-page=palette-hub] .panel-pill{background:var(--app-surface-soft);color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .palette-item.is-active,html[data-night-background="1"] body[data-page=palette-hub] .color-target.is-active-target,html[data-night-background="1"] body[data-page=palette-hub] .swatch-chip.is-active-swatch{border-color:var(--enamel-button-teal)}html[data-night-background="1"] body[data-page=palette-hub] .palette-name-input,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row input{background:var(--app-surface-control);border-color:var(--app-border-control);color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .custom-arrow{border-right-color:var(--app-text-strong);border-bottom-color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .custom-option+.custom-option,html[data-night-background="1"] body[data-page=palette-hub] .palette-dimension-tab+.palette-dimension-tab{border-color:var(--app-border-structure)}html[data-night-background="1"] body[data-page=palette-hub] .palette-name-input::placeholder,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row input::placeholder{color:var(--app-text-muted)}html[data-night-background="1"] body[data-page=palette-hub] .palette-nav-btn{background:transparent;color:var(--app-text-strong);border-color:var(--app-border-control);box-shadow:0 10px 22px #0206103d,inset 0 0 0 1px #ffffff14}html[data-night-background="1"] body[data-page=palette-hub] .palette-nav-btn:hover{background:var(--app-accent-soft);color:var(--app-link-hover)}@media(max-width:1100px){.palette-grid{grid-template-columns:1fr}.palette-list{max-height:280px}.preview-layout{grid-template-columns:minmax(0,1fr)}.preview-board-wrap{width:min(var(--pp-preview-board-content-size),100%)}.palette-board-preview{width:min(var(--pp-preview-board-content-size),100%);max-width:var(--pp-preview-board-content-size)}}@media(max-width:760px){body[data-page=palette-hub]{padding-inline:0}.palette-page-shell{width:calc(100vw - 14px);margin:10px auto 18px}.palette-page-header{flex-direction:column;align-items:flex-start}.settings-category-nav{grid-template-columns:1fr}.settings-disclosure summary{align-items:flex-start}.custom-secondary-timer-generator{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-secondary-timer-generator .replay-button{grid-column:1 / -1}.palette-toolbar{grid-template-columns:1fr}.palette-dimension-tab{font-size:20px;min-height:44px}.editor-workspace{position:relative}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid-targets{grid-template-columns:repeat(auto-fill,minmax(50px,50px));grid-auto-rows:50px;justify-content:start}}@media(max-width:520px){:root{--pp-preview-board-content-size: 280px;--pp-preview-board-total-size: 280px}.palette-board-preview{padding:10px;gap:10px}}