.lss-app{max-width:1080px;margin:0 auto;padding:64px 48px 96px;display:grid;gap:44px}.lss-app-header{display:grid;gap:14px;max-width:680px}.lss-app-header .t-eyebrow{color:var(--ink-muted)}.lss-app-title{margin:0;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.015em;color:var(--primary-strong)}.lss-app-lede{margin:0;color:var(--ink-secondary);font-size:var(--fs-md);line-height:var(--lh-loose);text-wrap:pretty}.lss-temp-control{display:grid;gap:20px}.lss-temp-header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:24px;row-gap:6px;align-items:baseline}.lss-temp-header .t-eyebrow{color:var(--ink-muted);grid-column:1/2;grid-row:1/2;align-self:end}.lss-temp-readout{grid-column:1/2;grid-row:2/3;display:flex;align-items:baseline;gap:6px;font-family:var(--font-serif)}.lss-temp-value{font-size:clamp(3rem,6vw,4rem);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--primary-strong);font-variant-numeric:tabular-nums}.lss-temp-unit{font-family:var(--font-serif);font-style:italic;font-size:1.75rem;color:var(--ink-muted);font-weight:400}.lss-temp-name{grid-column:2/3;grid-row:2/3;align-self:end;padding-bottom:6px;color:var(--ink);font-size:var(--fs-md)}.lss-temp-name-main{font-family:var(--font-serif);font-style:italic}.lss-temp-name-hint{font-family:var(--font-sans);color:var(--ink-muted);font-size:var(--fs-base)}.lss-temp-slider{position:relative;height:56px;border-radius:var(--radius-md);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.lss-temp-slider:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.lss-temp-track{position:absolute;inset:8px 0;border-radius:var(--radius-sm);box-shadow:inset 0 1px #fff6,inset 0-1px 2px #0000002e,0 1px 2px #00000014}.lss-temp-track-shadow{position:absolute;inset:8px 0;border-radius:var(--radius-sm);pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18)0,transparent 30%,transparent 70%,rgba(0,0,0,.15) 100%)}.lss-temp-thumb{position:absolute;top:0;height:56px;width:4px;transform:translate(-50%);pointer-events:none;transition:left 60ms linear}.lss-temp-thumb:before{content:"";position:absolute;inset:0-1px;background:var(--ink);border-radius:1px;opacity:.35}.lss-temp-thumb-inner{position:absolute;top:-6px;left:50%;width:28px;height:28px;border-radius:50%;transform:translate(-50%);border:1.5px solid var(--ink);box-shadow:0 2px 6px #0000002e,0 1px #fff9 inset}.lss-temp-axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.lss-source-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lss-source-pill{appearance:none;background:var(--paper-inset);border:1px solid var(--rule);border-radius:var(--radius-md);padding:16px 18px 14px;text-align:left;cursor:pointer;display:grid;gap:4px;position:relative;transition:border-color var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft),transform var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft);overflow:hidden;font-family:inherit;color:var(--ink)}.lss-source-pill:hover{border-color:var(--ink-muted);background:var(--paper)}.lss-source-pill.is-active{background:var(--paper);border-color:var(--ink);box-shadow:0 1px 0 var(--ink),var(--shadow-md)}.lss-source-pill.is-active:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent)}.lss-source-pill-name{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-md);color:var(--ink);line-height:1.2}.lss-source-pill.is-active .lss-source-pill-name{color:var(--primary-strong)}.lss-source-pill-sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-muted);letter-spacing:.01em;margin-bottom:10px}.lss-source-pill-preview{height:22px;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px #00000026;margin-top:auto}.lss-spectrum-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#0a0810;box-shadow:0 0 0 1px var(--ink),0 1px #fff9,0 30px 60px -30px #0a081080}.lss-spectrum-canvas{display:block;width:100%;height:220px;image-rendering:auto}.lss-spectrum-axis{position:relative;height:36px;background:var(--paper);border-top:1px solid var(--rule)}.lss-spectrum-tick{position:absolute;top:0;transform:translate(-50%)}.lss-spectrum-tick-line{width:1px;height:6px;background:var(--ink-muted);margin:0 auto}.lss-spectrum-tick-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:4px;text-align:center}.lss-spectrum-band-labels{position:absolute;top:10px;left:0;right:0;height:0;pointer-events:none}.lss-spectrum-band-labels span{position:absolute;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff8e86b;font-weight:500}.lss-detail-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}.lss-detail-swatch{display:grid;gap:12px}.lss-detail-swatch .t-eyebrow{color:var(--ink-muted)}.lss-swatch-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 0 1px var(--ink),var(--shadow-md)}.lss-swatch-big{aspect-ratio:1/1.1;position:relative;transition:background-color var(--dur-base) var(--ease-soft)}.lss-swatch-big:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3,inset 0-20px 30px #0000001a;pointer-events:none}.lss-swatch-label{position:absolute;bottom:8px;left:10px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#0000008c;text-shadow:0 1px 0 rgba(255,255,255,.4)}.lss-detail-caption{color:var(--ink-muted);line-height:1.5}.lss-detail-text{display:grid;gap:14px}.lss-detail-text .t-eyebrow{color:var(--accent)}.lss-detail-name{margin:0;font-size:clamp(1.75rem,3vw,2.25rem);color:var(--primary-strong);letter-spacing:-.01em}.lss-detail-blurb{margin:0;font-size:var(--fs-md);color:var(--ink-secondary);line-height:var(--lh-loose);max-width:60ch;text-wrap:pretty}.lss-detail-notes{list-style:none;padding:0;margin:8px 0 0;display:flex;gap:28px;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-muted)}.lss-detail-notes .lss-bullet{color:var(--accent);margin-right:6px}.lss-cri-panel{display:grid;gap:20px;padding:32px 36px 36px;background:var(--paper-inset);border:1px solid var(--rule);border-radius:var(--radius-md)}.lss-cri-header{display:grid;gap:6px;max-width:60ch}.lss-cri-header .t-eyebrow{color:var(--ink-muted)}.lss-cri-title{margin:0;color:var(--primary-strong)}.lss-cri-caption{color:var(--ink-secondary);line-height:var(--lh-normal);max-width:56ch;margin:0}.lss-cri-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:8px}.lss-cri-cell{display:grid;gap:6px}.lss-cri-chip{height:80px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #0000002e,inset 0-8px 16px #00000014;transition:background-color var(--dur-base) var(--ease-soft)}.lss-cri-chip-ref{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.lss-cri-chip-lit{border-top:1px solid rgba(0,0,0,.18)}.lss-cri-cell-label{text-align:center;margin-top:4px}.lss-app-footer{color:var(--ink-faint);border-top:1px solid var(--rule);padding-top:18px;letter-spacing:var(--tracking-wider);text-transform:uppercase;font-size:var(--fs-xs)}@media (max-width:820px){.lss-app{padding:48px 24px 64px;gap:36px}.lss-source-row{grid-template-columns:1fr 1fr}.lss-detail-grid{grid-template-columns:1fr;gap:28px}.lss-cri-grid{grid-template-columns:repeat(3,1fr)}.lss-spectrum-canvas{height:180px}.lss-temp-header{grid-template-columns:1fr}.lss-temp-name{grid-column:1;grid-row:auto;padding-bottom:0}}