.palettegen-app,.palettegen-style-panel.labs-popover-surface,.palettegen-style-panel{--pg-ink: #1d1d1f;--pg-muted: rgb(60 60 67 / 62%);--pg-hairline: rgb(0 0 0 / 7%);--pg-surface: rgb(255 255 255 / 78%);--pg-surface-solid: #fbfbfd;--pg-accent: #5856d6;--pg-accent-hover: #4f4dc4;--pg-accent-soft: rgb(88 86 214 / 11%);--pg-radius-sm: 8px;--pg-radius-md: 12px;--pg-radius-lg: 14px;--pg-shadow-chrome: 0 1px 0 rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 4%);--pg-shadow-popover: 0 0 0 .5px rgb(0 0 0 / 6%), 0 16px 44px rgb(0 0 0 / 11%), 0 2px 10px rgb(0 0 0 / 5%);--pg-font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--palettegen-ink: var(--pg-ink);--palettegen-muted: var(--pg-muted);--palettegen-rainbow: linear-gradient( 120deg, #ff44a1 0%, #fbbf24 18%, #34d399 38%, #38bdf8 58%, #a78bfa 78%, #fb7185 100% );font-family:var(--pg-font-family);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--pg-ink)}.palettegen-app{position:relative;min-height:100dvh;overflow-x:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(circle at 14% -4%,rgb(255 68 161 / 5%),transparent 38%),radial-gradient(circle at 88% 0%,rgb(56 189 248 / 5%),transparent 34%),linear-gradient(180deg,#fff 0%,var(--pg-surface-solid) 42%,#f3f4f8 100%)}.palettegen-app--drop-active{outline:2px dashed rgb(88 86 214 / 42%);outline-offset:-4px}.palettegen-chrome{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;padding:.5rem 1rem;background:var(--pg-surface);backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--pg-shadow-chrome);border-bottom:.5px solid var(--pg-hairline)}.palettegen-chrome__brand{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.palettegen-chrome__controls{display:flex;flex:1 1 18rem;flex-wrap:wrap;align-items:center;gap:.55rem .65rem;min-width:0}.palettegen-chrome__group{display:inline-flex;align-items:center;gap:.4rem}.palettegen-chrome__divider{width:1px;height:1.35rem;background:var(--pg-hairline);flex-shrink:0}.palettegen-chrome__spacer{flex:1 1 .5rem;min-width:.25rem}.palettegen-logo{flex-shrink:0;filter:drop-shadow(0 2px 6px rgb(88 86 214 / 14%))}.palettegen-title{margin:0;padding:0;border:none;background:transparent;font:inherit;text-align:left;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;letter-spacing:-.028em;line-height:1.05;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:inherit}.palettegen-title--compact{font-size:.9375rem;font-weight:600;letter-spacing:-.022em;line-height:1.15}.palettegen-title__char{display:inline-block;transition:color .22s ease,transform .22s ease}.palettegen-title--cut .palettegen-title__char{animation:palettegen-title-cut .76s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--char-delay);color:var(--char-color)}.palettegen-title:not(.palettegen-title--cut) .palettegen-title__char{color:inherit;transform:none}@keyframes palettegen-title-cut{0%{transform:translateZ(0) rotate(0)}35%{transform:translate3d(var(--char-shift),-.42rem,0) rotate(calc(var(--char-shift) * .8deg))}to{transform:translateZ(0) rotate(0)}}.palettegen-toolbar__hint{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;height:1.35rem;padding:0 .35rem;border-radius:5px;border:none;background:#0000000d;color:var(--pg-muted);font-family:inherit;font-size:.625rem;font-weight:600;letter-spacing:.02em;line-height:1}.palettegen-chrome .MuiButton-contained{min-height:2rem;padding-inline:.85rem;border-radius:999px;text-transform:none;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;box-shadow:none;background:var(--pg-accent)}.palettegen-chrome .MuiButton-contained:hover{box-shadow:none;background:var(--pg-accent-hover)}.palettegen-chrome .MuiToggleButtonGroup-root{background:#0000000b;border-radius:var(--pg-radius-sm);padding:2px;gap:2px}.palettegen-chrome .MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped{margin:0;border:0}.palettegen-chrome .MuiToggleButton-root{min-height:1.75rem;padding:0 .65rem;border:0!important;border-radius:6px!important;text-transform:none;font-size:.75rem;font-weight:550;letter-spacing:-.01em;color:var(--pg-muted);line-height:1.2}.palettegen-chrome .MuiToggleButton-root.Mui-selected{background:#fff!important;color:var(--pg-ink)!important;box-shadow:0 0 0 .5px #0000000d,0 1px 3px #00000012}.palettegen-chrome .MuiIconButton-root{width:2rem;height:2rem;border-radius:var(--pg-radius-sm);color:#3c3c43c7}.palettegen-chrome .MuiIconButton-root:hover{background:#0000000d;color:var(--pg-ink)}.palettegen-toolbar__modes{flex-wrap:wrap}.palettegen-toolbar__count{min-width:7.25rem;font-size:.75rem;font-weight:500;color:var(--pg-muted)}.palettegen-toolbar__count-label{font-size:.75rem;font-weight:500;color:var(--pg-muted)}.palettegen-toolbar__count-value{min-width:.55rem;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--pg-ink);text-align:center}.palettegen-toolbar__count .app-slider{width:4.5rem}.palettegen-toolbar__actions{margin-left:0}.palettegen-toolbar__sources{display:inline-flex;align-items:center;gap:.3rem;max-width:8.5rem;overflow-x:auto;padding:.1rem .05rem;scrollbar-width:none}.palettegen-toolbar__sources::-webkit-scrollbar{display:none}.palettegen-toolbar__source-thumb{flex:0 0 auto;width:1.75rem;height:1.75rem;padding:0;border:.5px solid rgb(0 0 0 / 10%);border-radius:6px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 1px 2px #0000000f;transition:transform .14s ease,box-shadow .14s ease}.palettegen-toolbar__source-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.palettegen-toolbar__source-thumb:hover,.palettegen-toolbar__source-thumb:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 0 2px #5856d62e,0 2px 6px #0000001a}.palettegen-toolbar__seed{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem .15rem .2rem;border-radius:var(--pg-radius-sm);border:.5px solid var(--pg-hairline);background:#ffffffe0;box-shadow:inset 0 1px #fffc}.palettegen-toolbar__seed-swatch-wrap{display:inline-flex;line-height:0}.palettegen-toolbar__seed-swatch{width:1.5rem;height:1.5rem;padding:0;border:.5px solid rgb(0 0 0 / 12%);border-radius:5px;background:transparent;cursor:pointer}.palettegen-toolbar__seed-hex{width:4rem;border:none;background:transparent;font-family:ui-monospace,SF Mono,JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.03em;color:var(--pg-ink);padding:.1rem 0}.palettegen-toolbar__seed-hex:focus{outline:none}.palettegen-style-panel.labs-popover-surface,.palettegen-style-panel{border-radius:var(--pg-radius-lg)!important;box-shadow:var(--pg-shadow-popover)!important;border:.5px solid rgb(0 0 0 / 7%)!important;background:#fffffff5!important;backdrop-filter:saturate(180%) blur(24px)}.palettegen-style-panel__title,.palettegen-style-panel__label,.palettegen-style-panel__pill,.palettegen-style-panel__range-name,.palettegen-style-panel__range-ends,.palettegen-style-panel__toggle-label,.palettegen-style-panel__toggle-hint,.palettegen-style-panel__hint{font-family:var(--pg-font-family)}.palettegen-style-panel__inner{width:min(36rem,94vw);padding:.75rem .85rem .65rem;display:grid;gap:0}.palettegen-style-panel__mode-hint{margin:.25rem 0 0;font-size:.68rem;line-height:1.35;color:var(--pg-muted)}.palettegen-style-panel__header{padding-bottom:.5rem;margin-bottom:0;border-bottom:.5px solid var(--pg-hairline)}.palettegen-style-panel__title{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.024em;line-height:1.2;color:var(--pg-ink)}.palettegen-style-panel__section{display:grid;gap:.4rem;padding:.55rem 0;border-bottom:.5px solid var(--pg-hairline)}.palettegen-style-panel__section:last-of-type{border-bottom:none}.palettegen-style-panel__label{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:var(--pg-ink)}.palettegen-style-panel__hint{margin:-.1rem 0 0;font-size:.66rem;line-height:1.3;font-weight:400;color:var(--pg-muted)}.palettegen-style-panel__mood-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem}.palettegen-style-panel__mood-card{display:grid;gap:.22rem;border:.5px solid var(--pg-hairline);border-radius:6px;background:#ffffffeb;padding:.28rem .28rem .3rem;cursor:pointer;text-align:left;min-width:0;transition:border-color .16s ease,box-shadow .16s ease}.palettegen-style-panel__mood-card:hover{border-color:#0000001f}.palettegen-style-panel__mood-card--active{border-color:#5856d659;box-shadow:inset 0 0 0 .5px #5856d638;background:var(--pg-accent-soft)}.palettegen-style-panel__mood-swatch{display:block;width:100%;height:.62rem;border-radius:4px;border:.5px solid rgb(0 0 0 / 8%)}.palettegen-style-panel__mood-name{font-size:.58rem;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--pg-ink)}.palettegen-style-panel__section--ranges .palettegen-style-panel__range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem}@media(max-width:640px){.palettegen-style-panel__mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palettegen-style-panel__section--ranges .palettegen-style-panel__range-grid{grid-template-columns:1fr}}.palettegen-style-panel__template-grid{display:flex;flex-wrap:wrap;gap:.28rem}.palettegen-style-panel__pill{flex:0 1 auto;min-width:0;border:.5px solid var(--pg-hairline);border-radius:6px;background:#ffffffe5;color:var(--pg-ink);font-size:.68rem;font-weight:500;letter-spacing:-.01em;padding:.32rem .45rem;text-align:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.palettegen-style-panel__pill:hover{border-color:#0000001c;background:#fff}.palettegen-style-panel__pill--active{border-color:#5856d647;background:var(--pg-accent-soft);color:#4340b8;box-shadow:inset 0 0 0 .5px #5856d62e}.palettegen-style-panel__range{display:grid;gap:.35rem}.palettegen-style-panel__range+.palettegen-style-panel__range{margin-top:.65rem;padding-top:.65rem;border-top:.5px solid var(--pg-hairline)}.palettegen-style-panel__range-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.palettegen-style-panel__range-name{font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:var(--pg-ink)}.palettegen-style-panel__range-value{font-family:ui-monospace,SF Mono,JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--pg-muted);white-space:nowrap}.palettegen-style-panel__range-sliders{display:grid;gap:.15rem;padding:0 .05rem}.palettegen-style-panel__range-ends{display:flex;justify-content:space-between;font-size:.6875rem;font-weight:500;color:var(--pg-muted);padding:0 .1rem}.palettegen-style-panel__footer{padding-top:.45rem;margin-top:0}.palettegen-style-panel__toggle{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palettegen-style-panel__toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.palettegen-style-panel__toggle-track{position:relative;flex-shrink:0;width:2.05rem;height:1.2rem;margin-top:.05rem;border-radius:999px;background:#78788029;transition:background .18s ease}.palettegen-style-panel__toggle-track:after{content:"";position:absolute;top:.1rem;left:.1rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #0000001f,0 2px 4px #00000014;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.palettegen-style-panel__toggle input:checked+.palettegen-style-panel__toggle-track{background:var(--pg-accent)}.palettegen-style-panel__toggle input:checked+.palettegen-style-panel__toggle-track:after{transform:translate(.85rem)}.palettegen-style-panel__toggle input:focus-visible+.palettegen-style-panel__toggle-track{outline:2px solid rgb(88 86 214 / 38%);outline-offset:2px}.palettegen-style-panel__toggle-copy{display:grid;gap:.1rem}.palettegen-style-panel__toggle-label{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:var(--pg-ink)}.palettegen-style-panel__toggle-hint{font-size:.75rem;line-height:1.35;color:var(--pg-muted)}.palettegen-style-panel .MuiSlider-root{color:var(--pg-accent)}.palettegen-style-panel .MuiSlider-rail{opacity:.22}.palettegen-stage{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.palettegen-stage:focus{outline:none}.palettegen-stage:focus-visible{outline:2px solid rgb(88 86 214 / 28%);outline-offset:-2px}.palettegen-drop-layer{min-height:0;display:flex;flex-direction:column}.palettegen-drop-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none;font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#fff;background:#5856d63d;backdrop-filter:blur(8px)}.palettegen-bleed{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.palettegen-bleed--empty{align-items:center;justify-content:center;padding:2rem 1.25rem}.palettegen-bleed__empty-art{width:min(20rem,70vw);height:8rem;border-radius:999px;background:var(--palettegen-rainbow);opacity:.16;margin-bottom:1rem}.palettegen-bleed__empty-title{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;text-align:center}.palettegen-bleed__empty-hint{margin:.45rem 0 0;max-width:24rem;text-align:center;color:var(--pg-muted);font-size:.875rem;line-height:1.45}.palettegen-bleed__stripes{flex:1;min-height:clamp(18rem,58vh,42rem);display:flex;width:100%;overflow:hidden}.palettegen-bleed__stripe{position:relative;flex:1 1 0;min-width:0;border:none;padding:1.1rem .9rem;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;transition:filter .18s ease,box-shadow .18s ease}.palettegen-bleed__stripe:hover{filter:saturate(1.04) brightness(1.015);box-shadow:inset 0 0 0 1.5px #ffffff6b}.palettegen-bleed__stripe:focus-visible{filter:saturate(1.04) brightness(1.015);outline:2px solid rgb(255 255 255 / 70%);outline-offset:-3px;box-shadow:inset 0 0 0 1.5px #ffffff6b}.palettegen-bleed__stripe-actions{opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.palettegen-bleed__stripe:hover .palettegen-bleed__stripe-actions,.palettegen-bleed__stripe:focus-visible .palettegen-bleed__stripe-actions,.palettegen-bleed__hex--visible{opacity:1;transform:translateY(0)}.palettegen-bleed__hex{margin-top:.3rem;font-family:ui-monospace,SF Mono,JetBrains Mono,monospace;font-size:clamp(.8125rem,1.5vw,1.05rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.palettegen-bleed__stripe-actions{position:absolute;top:.55rem;right:.45rem;display:inline-flex;align-items:center;gap:.1rem}.palettegen-bleed__copy,.palettegen-bleed__seed{position:static}.palettegen-bleed__meta{position:absolute;top:.85rem;left:.9rem;z-index:2;pointer-events:none;padding:.45rem .7rem;border-radius:999px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(16px);border:.5px solid rgb(255 255 255 / 65%);box-shadow:0 0 0 .5px #0000000d,0 4px 16px #00000014}.palettegen-bleed__title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:-.01em}.palettegen-thumbs{position:relative;flex-shrink:0;padding:.45rem .75rem calc(.45rem + env(safe-area-inset-bottom,0px));background:#1d1d1fe0;backdrop-filter:saturate(180%) blur(18px);border-top:.5px solid rgb(255 255 255 / 8%)}.palettegen-thumbs__chrome{position:absolute;right:.7rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));z-index:2;display:flex;align-items:center;gap:.1rem;padding:.1rem .2rem;border-radius:999px;border:.5px solid rgb(255 255 255 / 12%);background:#161618c7;backdrop-filter:saturate(180%) blur(12px);pointer-events:auto}.palettegen-thumbs__nav{color:#ffffffe0!important;padding:.2rem!important}.palettegen-thumbs__nav.Mui-disabled{color:#ffffff47!important}.palettegen-thumbs__counter{min-width:2.75rem;text-align:center;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:#ffffffc7;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palettegen-thumbs__scroller{display:flex;gap:.45rem;overflow-x:auto;padding:.1rem 6.5rem .15rem .15rem;scroll-snap-type:x proximity;scrollbar-width:thin}.palettegen-thumbs__item{flex:0 0 5rem;height:2.35rem;border:.5px solid rgb(255 255 255 / 14%);border-radius:8px;cursor:pointer;padding:0;scroll-snap-align:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.palettegen-thumbs__item:not(.palettegen-thumbs__item--active){opacity:.82}.palettegen-thumbs__item:hover{transform:translateY(-1px);opacity:1}.palettegen-thumbs__item--active{opacity:1;border-color:#ffffffc7;box-shadow:0 0 0 1.5px #ffffff94,0 6px 16px #0000003d;transform:scale(1.04)}.palettegen-sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.palettegen-lightbox{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.5rem}.palettegen-lightbox__scrim{position:absolute;inset:0;border:none;padding:0;background:#00000085;backdrop-filter:blur(12px);cursor:pointer}.palettegen-lightbox__content{position:relative;z-index:1;max-width:min(92vw,56rem);max-height:86vh;display:grid;gap:.55rem;pointer-events:none}.palettegen-lightbox__close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.1rem;height:2.1rem;border:none;border-radius:999px;background:#fffffff0;color:var(--pg-ink);font-size:1.25rem;line-height:1;cursor:pointer;box-shadow:0 4px 16px #0000002e}.palettegen-lightbox__img{max-width:100%;max-height:calc(86vh - 2rem);-o-object-fit:contain;object-fit:contain;border-radius:var(--pg-radius-md);box-shadow:0 20px 56px #00000052;pointer-events:auto}.palettegen-lightbox__caption{margin:0;text-align:center;font-size:.8125rem;font-weight:500;color:#ffffffe0}@media(max-width:720px){.palettegen-chrome{padding:.45rem .7rem;gap:.55rem}.palettegen-chrome__divider,.palettegen-chrome__spacer{display:none}.palettegen-bleed__stripes{flex-direction:column;min-height:clamp(22rem,62vh,36rem)}.palettegen-bleed__stripe{min-height:3.5rem}.palettegen-bleed__hex,.palettegen-bleed__stripe-actions{opacity:1;transform:none}}