:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#211c18;background:#f3efe7;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#cba4662e,#0000 24%),radial-gradient(circle at 100% 0,#a0aed029,#0000 24%),linear-gradient(#f6f1e8 0%,#efe8de 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:20px 24px 24px}.topbar,.topbar-actions,.queue-glance-header,.detail-card-header,.queue-drawer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{max-width:1180px;margin:0 auto 10px}.intro-copy h2,.feature-copy h3,.detail-card h3,.queue-drawer h3{letter-spacing:0;margin:0}.topbar-brand{align-items:center;min-height:20px;display:flex}.workspace{gap:22px;max-width:1180px;margin:0 auto;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#9d7a4e;margin:0;font-size:.78rem;font-weight:700}.intro-shell,.gallery-feature,.detail-card,.queue-glance,.queue-drawer{background:#fffbf5d6;border:1px solid #2b1f1214;border-radius:8px;box-shadow:0 16px 40px #563e2314}.intro-shell{grid-template-columns:minmax(0,1.2fr) minmax(300px,.54fr);align-items:center;gap:14px;padding:14px 16px;display:grid}.intro-copy{gap:10px;display:grid}.intro-header,.intro-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.intro-copy p,.detail-card p,.queue-drawer-copy{color:#32281eb8;margin:0}.intro-note{color:#392f2594;font-size:.92rem}.intro-summary{max-width:64ch;font-size:1rem}.intro-pills,.queue-summary,.feature-highlights,.summary-list,.queue-list{gap:12px;display:grid}.intro-pills{flex-wrap:wrap;gap:10px;display:flex}.pill,.toggle-pill,.live-pill{background:#ffffffb3;border:1px solid #2b1f1214;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:9px 12px;display:inline-flex}.queue-glance{background:#ffffff94;gap:12px;padding:14px;display:grid}.queue-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.queue-summary-card{background:#ffffffd1;border-radius:8px;gap:3px;padding:12px 14px;display:grid}.queue-summary-card span,.gallery-card-copy span,.queue-row-title span,.queue-row-meta span,.queue-row-meta small{color:#392f259e}.gallery-shell{grid-template-columns:minmax(0,1.08fr) minmax(290px,.72fr);gap:14px;display:grid}.gallery-feature{background:linear-gradient(#fffbf5f5,#f7efe4f0);overflow:hidden}.gallery-image-wrap{aspect-ratio:16/10;position:relative}.gallery-image,.gallery-card-image{object-fit:cover;width:100%;height:100%;display:block}.gallery-image-overlay,.gallery-card-overlay{background:linear-gradient(#14100c05,#14100cb8);position:absolute;inset:0}.gallery-image-caption,.gallery-card-copy{z-index:1;gap:4px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.gallery-image-caption span,.gallery-card-copy span{text-transform:uppercase;letter-spacing:.12em;color:#f7f3ebdb;font-size:.82rem}.gallery-image-caption strong,.gallery-card-copy strong{color:#fffdf8;font-size:1.35rem}.feature-copy{gap:12px;padding:16px 18px 18px;display:grid}.feature-copy h3{max-width:22ch;font-size:1.55rem}.highlight-row,.summary-row,.queue-row{gap:10px;display:grid}.highlight-row{color:#2a2118db;grid-template-columns:18px minmax(0,1fr);align-items:start}.feature-button,.primary-button,.ghost-button,.mini-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:600;transition:transform .16s,background .16s;display:inline-flex}.feature-button,.primary-button{color:#f9f4ea;background:#24211d;border:none}.ghost-button,.mini-button{color:inherit;background:#ffffffa8;border:1px solid #2b1f121a}.feature-button:hover,.primary-button:hover,.ghost-button:hover,.mini-button:hover,.gallery-card:hover{transform:translateY(-1px)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gallery-card{cursor:pointer;background:#fff9;border:1px solid #2b1f1214;border-radius:8px;min-height:196px;padding:0;position:relative;overflow:hidden}.gallery-card.active{box-shadow:0 0 0 1px #9d7a4e8c}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.detail-card{gap:12px;padding:18px;display:grid}.detail-card h3{max-width:20ch;font-size:1.3rem}.toggle-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.toggle-pill.active{background:#d0bb9c42;border-color:#9d7a4e38}.summary-card{background:radial-gradient(circle at 100% 0,#c4b48a38,#0000 32%),#fffaf3f0}.summary-row{grid-template-columns:38px minmax(0,1fr);align-items:start}.summary-row p{margin-top:4px}.summary-icon{background:#24211d0f;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.queue-drawer{z-index:20;width:min(380px,100vw - 36px);max-height:calc(100vh - 56px);padding:18px;position:fixed;top:28px;right:28px;overflow:auto;box-shadow:0 28px 80px #30221629}.live-pill{color:#4f7a53}.queue-row{border-bottom:1px solid #2b1f1214;padding:14px 0}.queue-row:last-child{border-bottom:none}.queue-row-title,.queue-row-meta{gap:4px;display:grid}@media (width<=1080px){.gallery-shell,.detail-grid,.intro-shell{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:16px}.topbar,.topbar-actions,.intro-header,.intro-actions,.detail-card-header,.queue-drawer-header{flex-direction:column;align-items:flex-start}.intro-pills,.gallery-grid,.queue-summary{grid-template-columns:1fr}.intro-pills{display:grid}.gallery-image-wrap{aspect-ratio:4/5}}