: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}.palette-settings-controls{display:inline-flex;align-items:center;gap:10px;padding:3px;border:1px solid color-mix(in srgb,var(--app-border-control) 72%,transparent);border-radius:16px;background:color-mix(in srgb,var(--app-surface-control) 76%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 48%,transparent)}.palette-settings-menu{position:relative}.palette-settings-menu>summary{list-style:none}.palette-settings-menu>summary::-webkit-details-marker{display:none}.palette-settings-menu>summary::marker{content:""}.palette-icon-button.palette-quick-button{display:grid;grid-template-columns:32px minmax(42px,auto) 14px;align-items:center;gap:8px;min-width:112px;height:44px;padding:5px 8px 5px 6px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--app-border-control) 78%,transparent);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--app-surface-light) 96%,#fff),color-mix(in srgb,var(--app-surface-soft) 90%,var(--app-accent) 10%));color:var(--app-text-strong);box-shadow:0 5px 13px color-mix(in srgb,var(--app-text-strong) 10%,transparent),inset 0 1px color-mix(in srgb,#fff 70%,transparent);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.palette-icon-button.palette-quick-button:hover,.palette-settings-menu[open]>.palette-quick-button{border-color:color-mix(in srgb,var(--app-accent) 62%,var(--app-border-control));color:var(--app-link-hover);transform:translateY(-1px);box-shadow:0 8px 19px color-mix(in srgb,var(--app-accent) 20%,transparent),inset 0 1px color-mix(in srgb,#fff 76%,transparent)}.palette-icon-button.palette-quick-button:active{transform:translateY(0) scale(.98)}.palette-icon-button.palette-quick-button:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:3px}.palette-quick-icon{position:relative;display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--app-accent) 15%,var(--app-surface-light));color:var(--app-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 20%,transparent)}.palette-quick-icon>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.palette-language-badge{position:absolute;right:-3px;bottom:-3px;display:grid;min-width:15px;height:15px;place-items:center;padding:0 2px;border:2px solid var(--app-surface-light);border-radius:7px;background:var(--app-accent);color:#fff;font-size:8px;font-weight:800;line-height:1}.palette-quick-copy{display:grid;gap:1px;min-width:0;text-align:left}.palette-quick-eyebrow{color:var(--app-text-muted);font-size:9px;font-weight:700;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.palette-quick-current{overflow:hidden;color:inherit;font-size:13px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.palette-quick-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s ease}.palette-settings-menu[open] .palette-quick-chevron{transform:rotate(180deg)}.palette-mode-glyph [data-mode-icon]{display:none}.palette-display-mode-trigger[data-current-display-mode=auto] [data-mode-icon=auto],.palette-display-mode-trigger[data-current-display-mode=day] [data-mode-icon=day],.palette-display-mode-trigger[data-current-display-mode=night] [data-mode-icon=night]{display:block}.palette-display-mode-trigger[data-current-display-mode=night] .palette-quick-icon{background:color-mix(in srgb,#6f63d9 18%,var(--app-surface-light));color:color-mix(in srgb,#8a7cf0 80%,var(--app-text-strong))}.palette-display-mode-trigger[data-current-display-mode=day] .palette-quick-icon{background:color-mix(in srgb,#f1b94b 20%,var(--app-surface-light));color:#b97808}.palette-settings-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;min-width:154px;padding:6px;border:1px solid var(--app-border-control);border-radius:14px;background:color-mix(in srgb,var(--app-surface-control) 96%,var(--app-page-bg));box-shadow:0 18px 38px #0b181c38,0 2px 8px #0b181c1f}.palette-language-switch .palette-settings-popover{right:auto;left:0}.palette-menu-option{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--app-text-strong);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.palette-menu-option:hover,.palette-menu-option:focus-visible{background:var(--app-accent-soft);color:var(--app-link-hover)}.palette-menu-option:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:-2px}.palette-menu-check{color:var(--app-link-hover);font-size:18px;line-height:1;opacity:0}.palette-menu-option.is-active .palette-menu-check{opacity:1}html[data-night-background="1"] body[data-page=palette-hub] .palette-settings-popover{background:color-mix(in srgb,var(--app-surface-control) 94%,#071016);box-shadow:0 18px 38px #0000006b,0 2px 8px #0000003d}.settings-workbench{display:grid;grid-template-columns:184px minmax(0,1fr);align-items:start;gap:24px}.settings-category-nav{--settings-bookmark-y: 19px;position:fixed;top:50dvh;left:max(20px,calc((100vw - 1280px)/2));z-index:3;width:184px;display:grid;grid-template-columns:1fr;grid-auto-rows:48px;gap:12px;padding-left:20px;box-sizing:border-box;transform:translateY(-50%)}.settings-category-nav:before{content:"";position:absolute;top:9px;bottom:9px;left:9px;width:1px;background:color-mix(in srgb,var(--app-text-muted) 30%,transparent)}.settings-category-active-bookmark{position:absolute;z-index:1;top:0;left:4px;width:10px;height:10px;pointer-events:none;border-radius:999px;background:var(--enamel-button-teal);box-shadow:0 3px 9px color-mix(in srgb,var(--app-accent) 20%,transparent);transform:translate3d(0,var(--settings-bookmark-y),0);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.settings-category-content{display:grid;grid-column:2;gap:20px;align-content:start;min-width:0}.settings-category-content #appearance-settings{order:-1}.settings-category-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:48px;box-sizing:border-box;padding:8px 4px;border:0;background:transparent;color:var(--app-text-strong);text-decoration:none;transition:color .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.settings-category-link strong{font-size:17px}.settings-category-link:hover{color:var(--app-accent);transform:translate(4px)}.settings-category-link:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:2px}.settings-category-link.is-active{color:var(--app-accent);transform:translate(8px)}.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:default;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}.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-workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:16px;align-items:start;margin-top:14px}.custom-secondary-timer-editor-column{min-width:0}.custom-secondary-timer-editor-column .custom-secondary-timer-label{margin-top:0}#custom-secondary-timer-rules{width:100%;min-height:270px;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}.custom-secondary-timer-preview{min-width:0;padding:12px 10px 10px;border:1px solid var(--app-border-structure);border-radius:12px;background:var(--app-surface-board);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text-on-board) 8%,transparent)}.custom-secondary-timer-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 5px 9px}.custom-secondary-timer-preview-head strong{color:var(--app-text-on-board);font-size:14px}.custom-secondary-timer-preview-head small{color:var(--app-text-on-board-muted);font-size:11px}.custom-secondary-timer-preview-list{max-height:330px;overflow:auto;scrollbar-width:thin}.custom-secondary-timer-preview-group+.custom-secondary-timer-preview-group{margin-top:3px}.custom-secondary-timer-preview-parent,.custom-secondary-timer-preview-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px;align-items:center;width:100%;box-sizing:border-box;padding:0 0 9px 15px}.custom-secondary-timer-preview-parent{position:relative;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.custom-secondary-timer-preview-parent:after{content:"";position:absolute;right:11px;top:17px;width:7px;height:7px;border-right:2px solid var(--app-text-muted);border-bottom:2px solid var(--app-text-muted);transform:rotate(45deg);transition:transform .14s ease}.custom-secondary-timer-preview-parent[aria-expanded=true]:after{transform:translateY(3px) rotate(225deg)}.custom-secondary-timer-preview-parent:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:2px;border-radius:8px}.custom-secondary-timer-preview-child{padding-left:calc(15px + (var(--timer-preview-level, 1) * 10px))}.custom-secondary-timer-preview .timertile{float:none;width:42px;height:42px;margin:0}.custom-secondary-timer-preview .custom-secondary-timer-preview-time{width:auto;min-width:0;padding-right:18px;background:var(--app-surface-tile);color:var(--app-text);font-size:13px}.custom-secondary-timer-preview-child .custom-secondary-timer-preview-time{padding-right:0;color:var(--app-text-muted)}.custom-secondary-timer-preview-empty{margin:0;padding:28px 18px;border:1px dashed color-mix(in srgb,var(--app-text-on-board-muted) 42%,transparent);border-radius:9px;color:var(--app-text-on-board-muted);text-align:center;font-size:12px;line-height:1.6}.custom-secondary-timer-preview-empty[hidden]{display:none}@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}.appearance-settings-disclosure>.palette-grid{padding:14px;border-top:1px solid var(--app-border-structure)}.language-settings-body{padding:14px;border-top:1px solid var(--app-border-structure)}.language-settings-body .settings-toggle-row{width:min(640px,100%)}.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(6,auto);gap:8px;margin-bottom:10px}.palette-save-btn{border-color:var(--enamel-button-teal);box-shadow:inset 0 -3px color-mix(in srgb,var(--enamel-button-gold) 72%,transparent),0 5px 12px color-mix(in srgb,var(--app-accent) 18%,transparent)}.palette-save-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.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-panel-head .palette-note:empty{display:none}.glow-intensity-control{margin-left:auto;display:grid;grid-template-columns:auto minmax(90px,160px) 42px;gap:8px;align-items:center;min-width:min(100%,250px);color:var(--app-text-muted);font-size:13px;font-weight:600}.glow-intensity-control[hidden]{display:none}.glow-intensity-control input{min-width:0;width:100%;margin:0}.glow-intensity-control output{color:var(--app-text-strong);text-align:right;font-variant-numeric:tabular-nums}.glow-intensity-control.is-disabled{opacity:.58}.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.is-glow-target{overflow:visible;z-index:1}.color-target.is-glow-target:is(:hover,:focus-visible,.is-active-target){z-index:2}.color-target.is-glow-target .color-target-chip{inset:6px;border-radius:5px}.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:100;min-width:0;width:min(324px,calc(100vw - 22px));max-width:324px;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}.tile-glow-intensity-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;padding:2px 2px 8px;color:var(--app-text-muted);font-size:12px;font-weight:700}.tile-glow-intensity-control[hidden],.tile-glow-intensity-hint[hidden]{display:none}.tile-glow-intensity-control>span{grid-column:1 / -1}.tile-glow-intensity-control input{min-width:0;width:100%;margin:0}.tile-glow-intensity-control output{min-width:104px;color:var(--app-text-strong);text-align:right;font-variant-numeric:tabular-nums}.tile-glow-intensity-control.is-disabled{opacity:.58}.tile-glow-intensity-hint{margin:-2px 2px 8px;color:var(--app-text-muted);font-size:12px;line-height:1.4}.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}.picker-hex-row{margin-top:8px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center;color:var(--app-text-muted);font-size:12px;font-weight:700}.picker-hex-row input{min-width:0;width:100%;height:30px;border:1px solid var(--app-border-control);border-radius:6px;background:var(--app-surface-control);color:var(--app-text-strong);padding:0 8px;box-sizing:border-box;font:inherit;text-transform:uppercase}.picker-hex-row input[aria-invalid=true]{border-color:var(--app-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--app-danger) 18%,transparent)}.picker-native-row{margin-top:6px;display:flex;gap:6px}.picker-color-action{position:relative;min-width:0;flex:1 1 0;min-height:30px;border:1px solid var(--enamel-button-border);border-radius:6px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);display:inline-flex;align-items:center;justify-content:center;padding:0 6px;box-sizing:border-box;font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}.picker-color-action[hidden]{display:none}.picker-color-action:is(:hover,:focus-visible),.picker-native-action:focus-within{border-color:var(--enamel-button-teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--enamel-button-teal) 18%,transparent);outline:none}.picker-native-action input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.picker-color-action:disabled,.picker-native-action.is-disabled,.picker-native-action input:disabled{cursor:not-allowed}.picker-color-action:disabled,.picker-native-action.is-disabled{opacity:.58}.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-none{background:linear-gradient(135deg,transparent 44%,#d92d20 45%,#d92d20 55%,transparent 56%),#fff}.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.is-active-glow-preview{z-index:2}.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-sync-status{grid-column:1 / -1;min-height:18px;margin:0;color:var(--app-text-muted);font-size:12px;line-height:1.4}.palette-sync-status.ok{color:var(--app-success)}.palette-sync-status.pending{color:var(--app-accent)}.palette-sync-status.err{color:var(--app-danger)}.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){.settings-workbench{grid-template-columns:176px minmax(0,1fr);gap:20px}.settings-category-content .palette-grid,.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:860px){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}.palette-settings-controls{width:100%;box-sizing:border-box}.palette-settings-menu{flex:1 1 0;min-width:0}.palette-icon-button.palette-quick-button{width:100%}.palette-language-switch .palette-settings-popover{right:auto;left:0}.palette-display-mode-switch .palette-settings-popover{right:0;left:auto}.settings-workbench{display:block}.settings-category-content{grid-column:auto}.settings-category-nav{position:static;left:auto;z-index:auto;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:8px;margin-bottom:18px;padding-left:0;transform:none}.settings-category-nav:before,.settings-category-active-bookmark{display:none}.settings-category-link{justify-content:flex-start;min-height:42px;padding-inline:8px}.settings-category-link.is-active{transform:none;text-decoration:underline;text-decoration-color:var(--enamel-button-teal);text-decoration-thickness:2px;text-underline-offset:6px}.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}.custom-secondary-timer-workspace{grid-template-columns:minmax(0,1fr)}#custom-secondary-timer-rules{min-height:220px}.custom-secondary-timer-preview{width:min(286px,100%);box-sizing:border-box}.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}}.theme-plaza-submission-notice{position:fixed;z-index:5000;top:max(12px,env(safe-area-inset-top));left:50%;width:min(560px,calc(100vw - 24px));transform:translate(-50%,-18px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.theme-plaza-submission-notice.is-visible{transform:translate(-50%);opacity:1;pointer-events:auto}.theme-plaza-submission-notice-card{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:12px;min-height:66px;padding:10px 12px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--app-success, #27845f) 38%,var(--pp-line));border-radius:14px;background:color-mix(in srgb,var(--pp-panel) 94%,var(--app-success, #27845f) 6%);color:var(--pp-ink);box-shadow:0 16px 38px #193a3f38}.theme-plaza-submission-notice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--app-success, #27845f);color:#fff;font-size:22px;font-weight:800}.theme-plaza-submission-notice-copy{display:grid;gap:3px;min-width:0}.theme-plaza-submission-notice-copy strong{font-size:16px;line-height:1.25}.theme-plaza-submission-notice-copy span{color:var(--pp-muted);font-size:13px;line-height:1.35}.theme-plaza-submission-notice-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--pp-muted);font:inherit;font-size:25px;line-height:1;cursor:pointer}.theme-plaza-submission-notice-close:hover,.theme-plaza-submission-notice-close:focus-visible{background:var(--pp-soft);color:var(--pp-ink);outline:2px solid var(--app-accent, #2f86a0);outline-offset:1px}@media(max-width:520px){:root{--pp-preview-board-content-size: 280px;--pp-preview-board-total-size: 280px}.palette-settings-controls{gap:6px;padding:2px;border-radius:14px}.palette-icon-button.palette-quick-button{grid-template-columns:30px minmax(36px,1fr) 12px;min-width:0;height:42px;gap:6px;padding-right:6px}.palette-quick-icon{width:30px;height:30px}.palette-quick-eyebrow{font-size:8px}.palette-quick-current{font-size:12px}.palette-settings-popover{min-width:min(168px,calc(100vw - 24px))}.palette-board-preview{padding:10px;gap:10px}}@media(max-width:340px){.picker-rgb-row input{font-size:18px}}