:root{color-scheme:light;font-family:Segoe UI,system-ui,sans-serif;background:#f4f7f8;color:#1b2a2f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(120deg,rgba(10,119,138,.12),transparent 34%),#f4f7f8}button{border:0;border-radius:6px;cursor:pointer;font:inherit;min-height:40px;padding:0 16px}.app-shell{margin:0 auto;max-width:1120px;padding:32px 20px}.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#0d7788;font-size:.82rem;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;margin-bottom:0}.session-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.status-pill{background:#e6edf0;border-radius:999px;color:#486168;font-size:.86rem;padding:8px 12px}.primary-button{background:#0d7788;color:#fff}.secondary-button{background:#dce7ea;color:#1b2a2f}.notice-panel,.preview-panel{background:#fff;border:1px solid #dbe5e8;border-radius:8px;box-shadow:0 16px 34px #192e3614;padding:24px}.notice-panel p,.preview-panel p,.metric-card small{color:#60757b}.notice-panel .primary-button{margin-top:6px}.dashboard{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-card{background:#fff;border:1px solid #dbe5e8;border-radius:8px;min-height:142px;padding:18px}.metric-label{color:#60757b;display:block;font-size:.9rem;margin-bottom:12px}.metric-card strong{display:block;font-size:1.9rem;line-height:1.1;margin-bottom:12px}.preview-panel{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(320px,480px)}.image-placeholder{align-items:center;aspect-ratio:16 / 9;background:#edf3f5;border:1px dashed #a9bdc3;border-radius:8px;color:#6a7f86;display:flex;justify-content:center;width:100%}.aquarium-image{background:#edf3f5;border-radius:8px;max-height:420px;object-fit:contain;width:100%}@media(max-width:820px){.topbar,.preview-panel{align-items:stretch;grid-template-columns:1fr}.topbar{flex-direction:column}.session-actions{justify-content:flex-start}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.app-shell{padding:24px 14px}.dashboard{grid-template-columns:1fr}}