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