.appearance-detail.svelte-1l0beu2{padding:0 32px 26px;max-width:1400px;margin:auto}.story-head.svelte-1l0beu2{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;padding:20px 0 14px}.story-head.svelte-1l0beu2 .eyebrow{margin-bottom:8px}.story-head.svelte-1l0beu2 h1{font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.15}.story-head.svelte-1l0beu2 h1+p{font-size:12px;color:var(--muted);line-height:1.75;max-width:560px;margin-top:8px}.story-controls.svelte-1l0beu2{display:grid;gap:6px;flex-shrink:0}.control-row.svelte-1l0beu2{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.control-row.svelte-1l0beu2>span:where(.svelte-1l0beu2){width:58px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.control-row.svelte-1l0beu2 button:where(.svelte-1l0beu2){display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:8px 12px;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--deep);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.control-row.svelte-1l0beu2 button[aria-pressed=true]:where(.svelte-1l0beu2){background:var(--hero);color:var(--on-dark);border-color:var(--hero)}.theme-chip.svelte-1l0beu2 i:where(.svelte-1l0beu2){width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--a) 55%,var(--b) 55%);border:1px solid #0002;transition:transform .35s cubic-bezier(.3,1.5,.4,1)}.theme-chip[aria-pressed=true].svelte-1l0beu2 i:where(.svelte-1l0beu2){transform:rotate(180deg)}.density-options.svelte-1l0beu2 button:where(.svelte-1l0beu2):disabled{opacity:.5;cursor:not-allowed}.preview-pending.svelte-1l0beu2{font-size:11px;color:var(--muted);margin:0 0 10px}.density-preview.svelte-1l0beu2{margin:0 auto;max-width:calc((100dvh - 290px) * 16 / 9);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.density-preview.svelte-1l0beu2>div:where(.svelte-1l0beu2){display:flex;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--hero);color:var(--on-dark);font-size:10px;transition:background-color .45s}.density-preview.svelte-1l0beu2 img:where(.svelte-1l0beu2){display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.preview-in.svelte-1l0beu2{animation:svelte-1l0beu2-preview-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes svelte-1l0beu2-preview-in{0%{opacity:.25;transform:scale(1.015)}}.density-preview.svelte-1l0beu2 figcaption:where(.svelte-1l0beu2){font-size:10px;color:var(--muted);padding:9px 16px;border-top:1px solid var(--line)}.appearance-detail.svelte-1l0beu2 .compact-disclosure:where(.svelte-1l0beu2){margin-top:12px}@media(hover:hover)and (pointer:fine){.control-row.svelte-1l0beu2 button:where(.svelte-1l0beu2):not([aria-pressed=true]):not(:disabled):hover{background:var(--hover-bg-strong);border-color:var(--hover-line)}.control-row.svelte-1l0beu2 button[aria-pressed=true]:where(.svelte-1l0beu2):hover{background:var(--hover-dark)}.theme-chip.svelte-1l0beu2:not([aria-pressed=true]):hover i:where(.svelte-1l0beu2){transform:rotate(-25deg) scale(1.12)}}@media(max-width:1100px){.story-head.svelte-1l0beu2{flex-direction:column;align-items:flex-start;gap:14px}}@media(max-width:600px){.appearance-detail.svelte-1l0beu2{padding:0 20px 22px}.control-row.svelte-1l0beu2>span:where(.svelte-1l0beu2){width:100%}.control-row.svelte-1l0beu2 button:where(.svelte-1l0beu2){flex:1 1 auto;font-size:10px;padding:8px 9px}.density-preview.svelte-1l0beu2>div:where(.svelte-1l0beu2){font-size:9px;flex-direction:column;gap:4px}}