.pp{--pp-bg:#f6f6fb;--pp-panel:#fff;--pp-border:#e6e6ef;--pp-chip:#f0f0f7;--pp-text:#1d1e2c;--pp-text-2:#4a4d6a;--pp-muted:#8b8da0;--pp-divider:#ececf3;--pp-violet:#7c5cff;background:var(--pp-bg);min-height:100vh;color:var(--pp-text);padding-bottom:40px;font-family:Plus Jakarta Sans,system-ui,sans-serif}.pp-wrap{max-width:28rem;margin:0 auto}.pp-hero{background:linear-gradient(180deg, transparent 55%, var(--pp-bg) 100%), linear-gradient(120deg, #cdeff0, #d9dafc 58%, #e8d8fb);padding:20px 20px 72px}.pp-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pp-brand{color:var(--pp-text-2);font-size:13px;font-weight:500}.pp-station{background:#fff;border:1px solid #dcdcf0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:flex;position:relative}.pp-station-dot{background:var(--pp-violet);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.pp-station select{appearance:none;font:inherit;color:var(--pp-text);background:0 0;border:0;outline:none;padding-right:14px;font-size:13px;font-weight:600}.pp-station-caret{color:var(--pp-muted);pointer-events:none;font-size:11px;position:absolute;right:9px}.pp-headline{letter-spacing:-.03em;color:#0000;background:linear-gradient(90deg,#0f6f78,#4b2394);-webkit-background-clip:text;background-clip:text;margin-top:22px;font-size:30px;font-weight:700;line-height:1.1}.pp-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pp-link{color:var(--pp-text-2);background:#fff9;border:1px solid #dcdcf0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.pp-panel{background:var(--pp-panel);border:1px solid var(--pp-border);border-radius:24px;flex-direction:column;gap:20px;margin:-44px 12px 0;padding:16px;display:flex}.pp-seg{background:var(--pp-chip);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.pp-seg button{color:var(--pp-text-2);text-transform:capitalize;background:0 0;border-radius:999px;padding:9px 0;font-size:14px;font-weight:600}.pp-seg button[aria-pressed=true]{background:var(--pp-violet);color:#fff}.pp-suggest{text-align:left;background:#f3f0ff;border:1px solid #e1daff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.pp-suggest-swatch{border:2px solid #fff;border-radius:999px;flex-shrink:0;width:38px;height:38px}.pp-suggest-k{color:#6d55f0;letter-spacing:.04em;font-size:11px;font-weight:600}.pp-suggest-v{color:var(--pp-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pp-suggest-why{color:#6b6d86;text-align:right;max-width:92px;font-size:11px;line-height:1.3}.pp-label{color:var(--pp-muted);font-size:12px;font-weight:600}.pp-tierhead{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.pp-hint{color:var(--pp-muted);font-size:11px}.pp-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pp-swatch-btn{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.pp-swatch-btn:active .pp-swatch{transform:scale(.95)}.pp-swatch{aspect-ratio:1;border:3px solid #fff;border-radius:999px;width:100%;transition:transform .1s;box-shadow:0 0 0 1px #00000014}.pp-swatch[data-selected=true]{box-shadow:0 0 0 2px var(--pp-violet)}.pp-swatch-name{color:var(--pp-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.pp-swatch-no{color:var(--pp-muted);margin-top:-3px;font-size:10px}.pp-error{color:#b42318;background:#fdecec;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500}.pp-sent{border-top:1px solid var(--pp-divider);padding-top:16px}.pp-sent-head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:12px;display:flex}.pp .pp-palette-link{background:var(--pp-violet);color:var(--pp-panel);border-radius:999px;height:30px;padding:5px 12px;font-size:12px;font-weight:600}.pp-empty{color:var(--pp-text-2);font-size:13px}.pp-chips{flex-wrap:wrap;gap:8px;display:flex}.pp-chip{background:var(--pp-chip);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:12px;font-weight:600;display:flex}.pp-chip-dot{border-radius:999px;width:20px;height:20px}.pp-overlay{z-index:50;background:#1d1e2c66;justify-content:center;align-items:flex-end;padding:16px;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;position:fixed;inset:0}@media (width>=640px){.pp-overlay{align-items:center}}.pp-dialog{border:1px solid var(--pp-border);width:100%;max-width:24rem;color:var(--pp-text);background:#fff;border-radius:24px;padding:20px}.pp-dialog-sw{border-radius:999px;width:48px;height:48px;box-shadow:0 0 0 1px #00000014}.pp-btn{border-radius:999px;padding:12px 16px;font-size:14px;font-weight:600}.pp-btn-2{background:var(--pp-chip);color:var(--pp-text)}.pp-btn-1{background:var(--pp-violet);color:#fff}.pp-btn-1:disabled{opacity:.6}.pp-closed{color:#8a4b00;background:#fff4e5;border:1px solid #ffd9a8;border-radius:16px;padding:10px 12px;font-size:13px;font-weight:500}.pp-swatch-btn:disabled{opacity:.45;cursor:not-allowed}.pp-print{color:var(--pp-text);background:#fff;border:1px solid #dcdcf0;border-radius:999px;align-items:center;gap:4px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:transform 80ms,background-color 80ms;display:inline-flex}.pp-print:active{background:var(--pp-chip);transform:scale(.98)}.pp-print-arrow{color:var(--pp-text)}.pp-demo-pill{background:var(--pp-violet);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.pp-demo-note{color:var(--pp-text-2);margin-top:10px;font-size:12px}.pp-demo-clear{color:var(--pp-muted);font-size:12px;font-weight:600;text-decoration:underline}.light-page{--background:#f6f6fb;--foreground:#1d1e2c;--card:#fff;--card-foreground:#1d1e2c;--primary:#7c5cff;--primary-foreground:#fff;--secondary:#f0f0f7;--secondary-foreground:#4a4d6a;--muted:#f0f0f7;--muted-foreground:#8b8da0;--accent:#f0f0f7;--accent-foreground:#1d1e2c;--border:#e6e6ef;--input:#e6e6ef;--ring:#7c5cff;--lp-secondary:#4a4d6a;--lp-divider:#ececf3;--lp-pill-border:#dcdcf0;--lp-suggestion:#f3f0ff;--lp-suggestion-border:#e1daff;--lp-orange:#f59e5b;--lp-custom:#9ca3af;--lp-caution:#8a4b00;--lp-print-ink:#000;--lp-hero:linear-gradient(120deg, #cdeff0, #d9dafc 58%, #e8d8fb);--lp-title:linear-gradient(90deg, #0f6f78, #4b2394);background:var(--background);min-height:100vh;color:var(--foreground);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}.light-page .font-display,.light-page .font-sans{font-family:inherit}.light-page button,.light-page input,.light-page select{letter-spacing:0;font-family:inherit}.lp-rail{z-index:30;border-right:1px solid var(--border);background:var(--card);flex-direction:column;align-items:center;gap:12px;width:96px;padding:26px 8px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.lp-rail-item{width:80px;height:72px;min-height:72px;color:var(--lp-secondary);border-radius:14px;flex-direction:column;gap:8px;padding:10px 2px;font-size:11px;display:flex}.lp-rail-item svg{width:21px;height:21px}.lp-rail-item.is-active{background:var(--muted);color:var(--foreground)}.lp-rail-add{height:86px;min-height:86px;color:var(--foreground)}.lp-rail-circle{background:var(--primary);width:46px;height:46px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.lp-rail-icon{place-items:center;display:grid;position:relative}.lp-rail-badge{background:var(--lp-orange);min-width:17px;height:17px;color:var(--primary-foreground);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-8px}.lp-rail-bottom{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.lp-avatar{border:1px solid var(--border);background:var(--muted);border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:600;display:grid}.lp-main{margin-left:96px;padding:10px}.lp-panel{border:1px solid var(--border);background:var(--card);border-radius:24px;min-height:calc(100vh - 20px);overflow:hidden}.lp-hero{text-align:center;background:linear-gradient(to bottom, transparent 55%, var(--background) 100%), var(--lp-hero);padding:51px 20px 64px}.lp-eyebrow{color:var(--lp-secondary);font-size:13px}.lp-headline{background:var(--lp-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:15px 0 16px;font-size:40px;font-weight:700;line-height:1.25}.lp-hero-description{color:var(--lp-secondary);font-size:14px}.lp-content{max-width:64rem;margin:0 auto;padding:24px 28px 40px}.lp-content>section:first-child,.lp-summary,.lp-ranked,.lp-empty{border-radius:20px}.lp-content input,.lp-content select{background:var(--background);min-width:0}.lp-ranked>li{border-color:var(--lp-divider)}.lp-ranked-row{white-space:normal;border-radius:0;justify-content:flex-start;height:auto}.lp-ranked-row[aria-expanded=true]{background:var(--lp-suggestion)}.lp-ranked-row[aria-expanded=true]>span:last-child{color:var(--primary)}.lp-pairings{border-color:var(--lp-divider)}.lp-pair-name{white-space:normal;overflow-wrap:anywhere;max-width:100%}.lp-custom-swatch{background:var(--lp-custom)}.lp-qr-content{flex-direction:column;align-items:center;gap:20px;display:flex}.lp-qr-sheet{border:1px solid var(--border);background:var(--card);text-align:center;width:100%;max-width:24rem;color:var(--lp-print-ink);border-radius:24px;padding:32px}.lp-qr-code{background:var(--card);width:fit-content;max-width:100%;margin:24px auto 0;padding:18px}.lp-qr-code svg{width:224px;max-width:100%;height:auto;color:var(--lp-print-ink);display:block}.lp-print-button{border-radius:999px;width:100%;margin-top:24px}.lp-guide{padding-bottom:40px}.lp-guide-hero{background:linear-gradient(to bottom, transparent 55%, var(--background) 100%), var(--lp-hero);padding:28px 20px 72px}.lp-guide-wrap{max-width:28rem;margin:0 auto}.lp-guide-headline{margin-top:20px;margin-bottom:12px;font-size:30px;line-height:1.15}.lp-guide-helper{color:var(--lp-secondary);font-size:14px;line-height:1.6}.lp-back-pill{border:1px solid var(--lp-pill-border);background:var(--card);color:var(--lp-secondary);border-radius:999px;margin-top:14px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.lp-guide-list{border:1px solid var(--border);background:var(--card);border-radius:24px;margin:-44px 12px 0;padding:16px;position:relative}.lp-guide-section{color:var(--muted-foreground);margin:20px 0 10px;font-size:12px;font-weight:600}.lp-guide-row{background:var(--background);border-radius:16px;outline:2px solid #0000;align-items:center;gap:12px;padding:12px;scroll-margin-top:12px;transition:opacity .15s;display:flex}.lp-guide-row.is-current{outline-color:var(--primary)}.lp-guide-checkbox{appearance:none;border:1.5px solid var(--lp-pill-border);background:var(--card);cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px;position:relative}.lp-guide-checkbox:checked{background:var(--primary);border-color:var(--primary)}.lp-guide-checkbox:checked:after{content:"";border:solid var(--primary-foreground);border-width:0 2px 2px 0;width:7px;height:11px;position:absolute;top:4px;left:7px;transform:rotate(45deg)}.lp-guide-checkbox:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.lp-guide-play{text-align:left;white-space:normal;background:0 0;border-radius:0;flex:1;justify-content:space-between;gap:12px;min-width:0;height:auto;padding:0;display:flex}.lp-guide-play:hover{background:0 0}.lp-guide-title{color:var(--foreground);font-size:18px;font-weight:600;display:block}.lp-guide-kind{color:var(--muted-foreground);font-size:12px}.lp-play-circle{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lp-play-circle svg{fill:currentColor;width:18px;height:18px}.lp-guide-script{border:1px solid var(--lp-suggestion-border);background:var(--lp-suggestion);color:var(--foreground);white-space:pre-line;border-radius:16px;margin-top:10px;padding:16px;font-size:14px;line-height:1.65}.lp-guide-script p+p{margin-top:12px}.lp-craft-strong{font-weight:600}.lp-guide-script .lp-craft-sources{color:var(--muted-foreground);margin-top:16px;font-size:11px}.lp-craft-source-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.lp-guide-craft-toggle{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;font-family:inherit;display:flex}.lp-guide-craft-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:8px}.lp-craft-chevron{width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .15s;display:grid}.lp-craft-chevron svg{width:18px;height:18px}.lp-craft-chevron.is-open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.lp-craft-chevron{transition:none}}@media (width<=600px){.lp-rail{gap:9px;width:60px;padding:18px 5px 12px}.lp-rail-item{justify-content:center;width:48px;height:48px;min-height:48px;padding:5px}.lp-rail-label{display:none}.lp-rail-add{height:52px;min-height:52px}.lp-rail-circle{width:42px;height:42px}.lp-main{margin-left:60px;padding:6px}.lp-panel{border-radius:20px}.lp-hero{padding:35px 12px 44px}.lp-headline:not(.lp-guide-headline){font-size:30px}.lp-content{padding:20px 12px 28px}.lp-ranked-row{gap:10px;padding:12px}.lp-qr-sheet{padding:22px 12px}.lp-qr-code{padding:8px}}@media (prefers-reduced-motion:reduce){.light-page *{transition:none!important}}@media print{body:has(.lp-qr){background:#fff}.lp-qr{background:var(--card);color:var(--lp-print-ink);min-height:0}.lp-qr .lp-rail,.lp-qr .lp-hero,.lp-qr button,.lp-qr .lp-screen-only{display:none!important}.lp-qr .lp-main{margin:0;padding:0}.lp-qr .lp-panel{background:var(--card);border:0;border-radius:0;min-height:0}.lp-qr .lp-content{padding:0}.lp-qr-sheet{break-inside:avoid;background:var(--card);color:var(--lp-print-ink)}.lp-qr-sheet p,.lp-qr-sheet h1{color:var(--lp-print-ink)}}.light-page .lp-designs{border-radius:20px}.light-page .lp-design-track{background:var(--secondary);border-radius:999px;height:6px;display:block;overflow:hidden}.light-page .lp-design-fill{background:var(--primary);border-radius:999px;height:100%;display:block}.light-page .lp-design-row{text-align:left;white-space:normal;border-radius:8px;outline:1px solid #0000;width:100%;height:auto;padding:8px;display:block}.light-page .lp-design-row[aria-pressed=true],.light-page .lp-design-chip[aria-pressed=true]{outline:1px solid var(--primary)}.light-page .lp-design-chip{background:var(--secondary);height:auto;color:var(--secondary-foreground);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500}.light-page .lp-design-caution{color:var(--lp-caution);margin-left:.35em}.light-page .lp-design-note{color:#8b8da0;font-size:11px}.light-page .lp-skel{background:#f0f0f7;border-radius:8px;animation:1.4s ease-in-out infinite lp-skel-pulse}@keyframes lp-skel-pulse{50%{opacity:.5}}.light-page .ht-wrap{max-width:28rem;margin:0 auto}.light-page .ht-hero{background:linear-gradient(180deg, transparent 55%, var(--background) 100%), var(--lp-hero);padding:20px 16px 72px}.light-page .ht-eyebrow{color:var(--lp-secondary);font-size:13px}.light-page .ht-headline{letter-spacing:-.03em;background:var(--lp-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:30px;font-weight:700;line-height:1.15}.light-page .ht-body{flex-direction:column;gap:12px;margin:-44px 12px 0;padding-bottom:32px;display:flex}.light-page .ht-panel{border:1px solid var(--border);background:var(--card);border-radius:24px;padding:16px}.light-page .ht-role{align-items:center;gap:12px;padding:12px 0;display:flex}.light-page .ht-role-chip{text-align:center;background:var(--secondary);min-width:76px;color:var(--foreground);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.light-page .ht-role-text{color:var(--lp-secondary);font-size:14px}.light-page .ht-role+.ht-role{border-top:1px solid var(--lp-divider)}.light-page .ht-palette-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.light-page .ht-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.light-page .ht-swatch-item{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.light-page .ht-swatch{aspect-ratio:1;border:3px solid #fff;border-radius:999px;width:100%;box-shadow:0 0 0 1px #00000014}.light-page .ht-swatch-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--foreground);font-size:12px;font-weight:600;overflow:hidden}.light-page .ht-swatch-no{letter-spacing:.04em;color:var(--muted-foreground);margin-top:-3px;font-size:11px}.light-page .ht-back{background:var(--primary);color:var(--primary-foreground);border-radius:999px;align-self:center;margin-top:6px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.light-page .ht-back:active{opacity:.85}.studio-theme{--background:#f6f6fb;--foreground:#1d1e2c;--card:#f6f6fb;--card-foreground:#1d1e2c;--popover:#fff;--popover-foreground:#1d1e2c;--primary:#7c5cff;--primary-foreground:#fff;--secondary:#4a4d6a;--secondary-foreground:#4a4d6a;--muted:#f0f0f7;--muted-foreground:#8b8da0;--accent:#f0f0f7;--accent-foreground:#1d1e2c;--border:#e6e6ef;--input:#e6e6ef;--ring:#7c5cff;--studio-panel:#fff;--studio-table:#fff;--studio-rail-border:#e6e6ef;--studio-active:#f0f0f7;--studio-secondary:#4a4d6a;--studio-orange:#f59e5b;--studio-add-fill:#f3f0ff;--studio-add-icon:#6d55f0;--studio-qr-fill:#e3f6f5;--studio-qr-icon:#14b8a6;--studio-reports-fill:#e6efff;--studio-reports-icon:#3b6fd8;--studio-reset-fill:#fdecef;--studio-reset-icon:#d14b60;--studio-custom:#c9c7c0;--studio-hero:linear-gradient(120deg, #cdeff0, #d9dafc 58%, #e8d8fb);--studio-title:linear-gradient(90deg, #0f6f78, #4b2394);--studio-search-border:#7c5cff;--studio-search-glow:0 0 0 4px #7c5cff2e;--studio-overlay:#1d1e2c66;background:var(--background);min-height:100vh;color:var(--foreground);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;font-family:Plus Jakarta Sans,sans-serif}.studio-theme .font-display,.studio-theme .font-sans{font-family:inherit}.studio-rail{z-index:30;border-right:1px solid var(--studio-rail-border);background:#fff;flex-direction:column;align-items:center;gap:12px;width:96px;padding:26px 8px 18px;display:flex;position:fixed;inset:0 auto 0 0}.studio-rail-item{width:80px;height:72px;color:var(--studio-secondary);border-radius:14px;flex-direction:column;gap:8px;padding:10px 2px;font-size:11px;display:flex}.studio-rail-item svg{width:21px;height:21px}.studio-rail-item.is-active{background:var(--studio-active);color:var(--foreground)}.studio-rail-add{height:86px;color:var(--foreground)}.studio-rail-add .studio-rail-circle{background:var(--primary);width:46px;height:46px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.studio-rail-bottom{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.studio-avatar{background:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:600;display:grid}.studio-main{margin-left:96px;padding:10px}.studio-panel{background:var(--studio-panel);border:1px solid var(--border);border-radius:24px;min-height:calc(100vh - 20px);overflow:hidden}.studio-hero{text-align:center;background:linear-gradient(to bottom, transparent 55%, var(--background) 100%), var(--studio-hero);min-height:330px;padding:51px 20px 35px;position:relative}.studio-eyebrow{color:var(--secondary);font-size:13px}.studio-headline{background:var(--studio-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:15px 0 25px;font-size:40px;font-weight:700;line-height:1.25}.studio-search{border:1.5px solid var(--studio-search-border);width:680px;max-width:90%;height:60px;box-shadow:var(--studio-search-glow);color:var(--studio-secondary);background:#fff;border-radius:999px;align-items:center;gap:15px;margin:0 auto;padding:0 22px;display:flex}.studio-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:14px}.studio-search:focus-within{outline:2px solid var(--ring);outline-offset:5px}.studio-search input:focus-visible{outline:none}.studio-search input::placeholder{color:var(--muted-foreground)}.studio-find-results{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:26px;margin:20px auto 0;font-size:12px;display:flex}.studio-result-pill{background:var(--muted);color:var(--foreground);border-radius:999px;padding:5px 12px;font-weight:600}.studio-find-results{color:var(--muted-foreground)}.studio-rail-icon-wrap{place-items:center;display:grid;position:relative}.studio-rail-badge{background:var(--studio-orange);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-8px}.studio-tables{padding:0 28px 32px}.studio-tables-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.studio-tables-header h2{font-size:20px;font-weight:700}.studio-live{color:var(--muted-foreground);align-items:center;gap:7px;font-size:12px;display:flex}.studio-live-dot{background:var(--studio-qr-icon);border-radius:50%;width:6px;height:6px}.studio-tables-helper{color:var(--muted-foreground);margin:6px 0 20px;font-size:12px}.studio-table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.studio-table{background:var(--studio-table);border:1px solid var(--border);border-radius:20px;min-width:0;padding:16px}.studio-table-title{color:var(--foreground);font-size:14px;font-weight:600}.studio-station{background:var(--card);border:1px solid #ececf3;border-radius:14px;min-width:0;padding:12px;container-type:inline-size}.studio-station-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.studio-station-title{white-space:nowrap;font-size:13px;font-weight:600}.studio-station-controls{align-items:center;gap:4px;display:flex}.studio-pending-badge{color:var(--studio-orange);font-size:10px}.studio-round-control{background:var(--muted);width:28px;min-width:28px;height:28px;color:var(--secondary);border:none;border-radius:50%;padding:0}.studio-round-control:hover{color:var(--foreground);background:#e6e6ef}.studio-station .studio-round-control{background:#fff}.studio-request{background:var(--muted);border:0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1px;padding:6px;display:flex}.studio-request.is-done{opacity:.45}.studio-request-pick{white-space:normal;flex:70px;justify-content:flex-start;gap:7px;min-width:0;height:auto;padding:2px 0;display:flex}.studio-request-pick:disabled{opacity:1}.studio-request-number{letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:600}.studio-request .studio-request-meta{font-size:10px}.studio-request-actions{margin-left:auto;display:flex}.studio-request-actions button{width:24px;height:26px;padding:0}.studio-station-empty{color:var(--muted-foreground);margin-top:14px;font-size:11px}.studio-hidden-menu{z-index:45;border:1px solid var(--border);background:var(--studio-table);border-radius:14px;width:250px;padding:8px;position:fixed;top:120px;left:108px}.studio-modal-overlay{background:var(--studio-overlay)}.studio-modal{border-color:var(--border);background:#fff;border-radius:24px!important}.studio-seg{background:var(--muted);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.studio-seg button{color:var(--secondary);background:0 0;border-radius:999px;font-size:14px;font-weight:600}.studio-seg button[aria-pressed=true],.studio-seg button[aria-pressed=true]:hover{background:var(--primary);color:#fff}.studio-suggest>div{background:#f3f0ff;border:1px solid #e1daff;border-radius:16px}.studio-suggest>div>div>span:first-child,.studio-suggest button>span:first-child{border:2px solid #fff;border-radius:999px}.studio-suggest p{color:#6d55f0;font-weight:600}.studio-picker-swatch{border:3px solid #fff;border-radius:999px;flex-shrink:0;width:32px;height:32px;box-shadow:0 0 0 1px #00000014}.studio-modal .studio-picker-color{background:#fff}.studio-modal .studio-picker-color:focus-visible .studio-picker-swatch,.studio-modal .studio-picker-color:active .studio-picker-swatch{box-shadow:0 0 0 2px var(--primary)}.studio-modal input,.studio-modal select{background:#fff}.studio-modal h2{font-size:24px;font-weight:700}.studio-modal button{letter-spacing:0}.studio-modal .studio-picker-color{white-space:normal;justify-content:flex-start;height:auto}@media (width<=900px){.studio-table-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.studio-rail{gap:9px;width:60px;padding:18px 5px 12px}.studio-rail-item{justify-content:center;width:48px;height:48px;padding:5px}.studio-rail-item .studio-rail-label{display:none}.studio-rail-add{height:52px}.studio-rail-add .studio-rail-circle{width:42px;height:42px}.studio-main{margin-left:60px;padding:6px}.studio-panel{border-radius:18px}.studio-hero{min-height:310px;padding:35px 9px 26px}.studio-headline{font-size:28px}.studio-search{gap:9px;max-width:95%;padding:0 14px}.studio-search input{font-size:12px}.studio-tables{padding:0 10px 20px}.studio-table{padding:10px}.studio-table>.grid{gap:7px}.studio-station{padding:8px}.studio-station-header{grid-template-columns:minmax(0,1fr)}.studio-station-title{font-size:11px}.studio-round-control{width:28px;height:28px}.studio-hidden-menu{width:240px;left:66px}.studio-request-pick{flex-wrap:wrap;flex-basis:100%}.studio-request-number{font-size:11px}}@media (prefers-reduced-motion:reduce){.studio-theme *,.studio-theme :before,.studio-theme :after{transition:none!important;animation:none!important}}@container (width<=150px){.studio-station-header{grid-template-columns:minmax(0,1fr)}.studio-request-pick{flex-basis:100%}}.studio-theme .studio-closed-strip{color:#8a4b00;background:#fff4e5;border:1px solid #ffd9a8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:0 24px 16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.studio-theme .studio-start-btn{color:#fff;background:#7c5cff;border-radius:999px;font-weight:600}.studio-theme .studio-start-btn:hover{background:#6d4ff0}.studio-theme .studio-live-pill{color:#1d1e2c;vertical-align:middle;background:#f0f0f7;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.studio-theme .studio-live-pill-dot{background:#22c55e;border-radius:999px;width:8px;height:8px}.studio-theme .studio-rail-start,.studio-theme .studio-rail-start svg{color:#7c5cff}.studio-theme button:disabled{opacity:.45;cursor:not-allowed}.studio-theme .studio-station.is-in-use{background:#fde8f1;border:1px solid #f5b8d3}.studio-theme .studio-in-use-tag{color:#b4336f;vertical-align:middle;background:#fff;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.studio-theme .studio-in-use-toggle.is-active{color:#fff;background:#e0568f}.studio-theme .studio-in-use-toggle.is-active:hover{color:#fff;background:#cf4a82}.studio-theme .studio-design-row{margin-top:6px}.studio-theme .studio-design-add{color:#4a4d6a;background:0 0;border:1px solid #e6e6ef;border-radius:999px;padding:2px 10px;font-size:12px}.studio-theme .is-in-use .studio-design-add{background:#fff;border-color:#f5b8d3}.studio-theme .studio-design-tag{color:#1d1e2c;background:#f0f0f7;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.studio-theme .is-in-use .studio-design-tag{background:#fff}.studio-design-group-label{color:#8b8da0;margin-top:18px;margin-bottom:8px;font-size:12px;font-weight:600}.studio-design-chips{flex-wrap:wrap;gap:8px;display:flex}.studio-design-chip{color:#4a4d6a;background:#f0f0f7;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.studio-design-chip[aria-pressed=true]{color:#fff;background:#7c5cff}.mp{--mp-bg:#f6f6fb;--mp-panel:#fff;--mp-border:#e6e6ef;--mp-chip:#f0f0f7;--mp-text:#1d1e2c;--mp-secondary:#4a4d6a;--mp-muted:#8b8da0;--mp-accent:#7c5cff;--mp-label:#6d55f0;--mp-tint:#f3f0ff;--mp-tint-border:#e1daff;--mp-ring:#d6cdff;--mp-everyone:#c4bde8;--mp-cool:#92c6ce;--mp-warm:#e6b5c4;--mp-hero-start:#cdeff0;--mp-hero-mid:#d9dafc;--mp-hero-end:#e8d8fb;--mp-title-start:#0f6f78;--mp-title-end:#4b2394;background:var(--mp-bg);min-height:100vh;color:var(--mp-text);letter-spacing:0;padding-bottom:32px;font-family:Plus Jakarta Sans,system-ui,sans-serif}.mp-wrap{max-width:32rem;margin:0 auto}.mp-hero{background:linear-gradient(180deg, transparent 55%, var(--mp-bg)), linear-gradient(120deg, var(--mp-hero-start), var(--mp-hero-mid) 58%, var(--mp-hero-end));padding:20px 20px 72px}.mp-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mp .mp-nav{border:1px solid var(--mp-border);background:var(--mp-panel);color:var(--mp-secondary);border-radius:999px;height:30px;padding:4px 12px;font-size:12px;font-weight:600}.mp-station{background:var(--mp-panel);border:1px solid var(--mp-border);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.mp-eyebrow{color:var(--mp-secondary);margin-top:24px;font-size:13px;font-weight:500}.mp h1{letter-spacing:0;color:#0000;background:linear-gradient(90deg, var(--mp-title-start), var(--mp-title-end));-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:32px;font-weight:700;line-height:1.15}.mp-body{flex-direction:column;gap:12px;margin:-44px 12px 0;display:flex;position:relative}.mp-card{border:1px solid var(--mp-border);background:var(--mp-panel);border-radius:24px;padding:20px}.mp h2{margin-bottom:16px;font-size:14px;font-weight:600}.mp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;display:grid}.mp-swatch{border:1px solid var(--mp-border);border-radius:16px;height:76px}.mp-name{overflow-wrap:anywhere;margin-top:7px;font-size:12px;font-weight:600}.mp-number{letter-spacing:.04em;color:var(--mp-muted);margin-top:2px;font-size:11px}.mp-role{background:var(--mp-chip);color:var(--mp-secondary);border-radius:999px;margin-top:6px;padding:3px 8px;font-size:11px;display:inline-block}.mp-reading{margin-bottom:18px;font-size:18px;font-weight:700;line-height:1.45}.mp-notes{grid-template-columns:84px minmax(0,1fr);gap:14px 8px;font-size:12px;line-height:1.6;display:grid}.mp-notes dt{color:var(--mp-label);font-weight:600}.mp-notes dd{color:var(--mp-secondary)}.mp-temperature{margin-top:20px}.mp-temperature-bar{background:var(--mp-chip);border-radius:999px;height:8px;display:flex;overflow:hidden}.mp-temperature-bar>span{min-width:0}.mp-temperature-bar .mp-cool{background:var(--mp-cool)}.mp-temperature-bar .mp-warm{background:var(--mp-warm)}.mp-temperature-labels{color:var(--mp-secondary);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.mp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.mp-card-head h2{margin:0}.mp-sample{color:var(--mp-muted);font-size:11px}.mp-comparison-label{background:var(--mp-tint);color:var(--mp-label);border:1px solid var(--mp-tint-border);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.mp-bars{margin-top:20px}.mp-bars h3{margin-bottom:8px;font-size:12px;font-weight:600}.mp-bar-row{color:var(--mp-secondary);grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:grid}.mp-track{background:var(--mp-chip);border-radius:999px;height:8px;overflow:hidden}.mp-track>span{border-radius:inherit;background:var(--mp-accent);height:100%;display:block}.mp-track.mp-past>span{background:var(--mp-everyone)}.mp-percent{text-align:right}.mp-prevalence{margin-top:22px}.mp-prevalence h3{margin-bottom:12px;font-size:12px;font-weight:600}.mp-prevalence li{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:grid}.mp-dot{border:1px solid var(--mp-border);border-radius:999px;width:22px;height:22px}.mp-prevalence li>span:last-child{color:var(--mp-muted);text-align:right;font-size:11px}.mp-worth{background:var(--mp-tint);border-color:var(--mp-tint-border)}.mp-worth h2{color:var(--mp-label);letter-spacing:.04em;font-size:11px}.mp-suggestion{align-items:flex-start;gap:14px;display:flex}.mp-suggestion-swatch{border:3px solid var(--mp-panel);outline:1px solid var(--mp-ring);border-radius:999px;flex-shrink:0;width:52px;height:52px}.mp-suggestion-name{font-size:14px;font-weight:600}.mp-copy{color:var(--mp-secondary);font-size:12px;line-height:1.7}.mp-suggestion .mp-copy{margin-top:6px}.mp-copy strong{color:var(--mp-text);font-weight:600}.mp-footer{text-align:center;color:var(--mp-muted);padding:12px;font-size:11px}.mp-empty{font-size:14px;line-height:1.6}.mp-empty .mp-nav{margin-top:16px}.mp-error{color:var(--mp-secondary);padding:0 12px;font-size:12px}.mp-actions-area{padding-top:8px}.mp-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.mp .mp-action{white-space:normal;border-radius:999px;gap:6px;width:100%;min-width:0;height:42px;padding:0 10px;font-size:12px;font-weight:600;line-height:1.3}.mp .mp-action-primary{background:var(--mp-accent);color:var(--mp-panel);border:1px solid var(--mp-accent)}.mp .mp-action-secondary{background:var(--mp-panel);color:var(--mp-text);border:1px solid var(--mp-border)}.mp .mp-action:active{opacity:.85}.mp-saving-note{color:var(--mp-muted);text-align:center;margin-top:10px;font-size:11px;line-height:1.6}.mp-action-status{color:var(--mp-secondary);text-align:center;min-height:18px;margin-top:6px;font-size:11px;line-height:1.6}.mp-export-position{pointer-events:none;position:fixed;top:0;left:-10000px}.mp-export{flex-direction:column;gap:12px;width:488px;min-height:0;padding:16px;display:flex}.mp-spinner{flex-shrink:0;animation:1s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mp-spinner{animation:none}}@media (width<=360px){.mp-card{padding:16px}.mp-notes{grid-template-columns:76px minmax(0,1fr)}.mp-prevalence li{grid-template-columns:22px minmax(0,1fr)}.mp-prevalence li>span:last-child{text-align:left;grid-column:2}}