:root{color-scheme:dark;--font-body: "Manrope", "Aptos", "Segoe UI Variable", sans-serif;--font-display: "Space Grotesk", "Avenir Next", "Segoe UI Variable", sans-serif;font-family:var(--font-body);--bg-base: #050a14;--bg-mid: #0c1524;--bg-elevated: rgba(15, 23, 37, .94);--bg-elevated-strong: rgba(8, 13, 24, .97);--text-primary: #f5f1e8;--accent-amber: #ffcf70;--accent-amber-strong: #ffab42;--accent-amber-deep: #f08d2f;--accent-amber-soft: rgba(255, 193, 94, .16);--accent-amber-border: rgba(255, 193, 94, .42);--accent-blue: #7db6ff;--accent-blue-soft: rgba(125, 182, 255, .14);--accent-blue-border: rgba(125, 182, 255, .28);--accent-muted: #cfc8bd;--accent-muted-soft: rgba(245, 241, 232, .08);--accent-muted-border: rgba(245, 241, 232, .12);background:radial-gradient(circle at top left,rgba(245,241,232,.08),transparent 28%),radial-gradient(circle at 82% 8%,rgba(245,241,232,.05),transparent 24%),linear-gradient(135deg,#10151d 0%,var(--bg-mid) 22%,var(--bg-base) 62%,#030811 100%);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,.brand-mark,.primary-button,.secondary-link-button{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance}button,input,textarea{font-family:inherit;font-size:1rem}button{border:0;border-radius:999px;padding:.85rem 1.2rem;background:#f5f1e814;color:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover:not(:disabled){background:#f5f1e82e;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{width:100%;border:1px solid rgba(245,241,232,.12);border-radius:18px;padding:.9rem 1rem;background:#080a10eb;color:inherit}.app-shell{height:100vh;padding:1rem}.landing-shell{min-height:100vh;padding:1rem;display:grid;gap:1rem;width:min(100%,960px);margin:0 auto}.landing-shell>*{min-width:0}.landing-topbar,.feature-card,.story-section,.audience-card,.contact-band,.cta-band,.hero-copy,.hero-visual,.landing-slide{background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated-strong));border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-topbar{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem 1.15rem;position:relative;overflow:hidden}.landing-topbar:before{content:"";position:absolute;inset:auto auto -4rem -4rem;width:12rem;height:12rem;background:radial-gradient(circle,rgba(245,241,232,.07),transparent 68%);pointer-events:none}.brand-mark{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.04em}.brand-logo{width:2rem;height:2rem;display:block;flex:0 0 auto}.landing-topbar-actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.hero-section{display:grid;grid-template-columns:minmax(0,1fr);gap:1.35rem;align-items:stretch}.hero-copy,.hero-visual,.feature-card,.story-section,.audience-card,.cta-band,.landing-slide{padding:1.6rem}.hero-copy h1,.story-section h2,.audience-card h2,.cta-band h2{margin:.2rem 0 .75rem;overflow-wrap:anywhere}.hero-copy h1{font-size:clamp(2.2rem,3.6vw,4rem);line-height:1.02;max-width:22ch;margin-left:auto;margin-right:auto}.hero-lead,.section-copy p,.feature-card p,.audience-card p{margin:0;color:#f5f1e8c2;line-height:1.75}.secondary-link{color:#f5f1e8e0;text-decoration:none;font-weight:600}.secondary-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.25rem;border-radius:999px;background:#f5f1e80d;border:1px solid rgba(245,241,232,.12);color:#f5f1e8e6;box-shadow:inset 0 1px #ffffff08}.secondary-link-subtle{background:#f5f1e80d;border-color:#f5f1e814;color:#f5f1e8e6}.hero-copy{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;align-content:center;gap:1.35rem;min-width:0;padding:2.4rem 1.6rem}.hero-copy:before{content:"";position:absolute;inset:-18% auto auto -14%;width:18rem;height:18rem;background:radial-gradient(circle,rgba(245,241,232,.06),transparent 72%);pointer-events:none}.hero-copy-main,.hero-room-card-copy{display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:0;max-width:58ch}.hero-copy-main .eyebrow,.hero-room-card .eyebrow{margin-bottom:-.1rem}.hero-copy-compact{align-content:center}.hero-benefit-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;width:100%;max-width:44rem;text-align:left}.hero-benefit-list li{position:relative;padding:.95rem 1rem .95rem 3rem;border-radius:22px;background:#f5f1e80d;border:1px solid rgba(245,241,232,.06);color:#f5f1e8eb;line-height:1.55;overflow-wrap:anywhere}.hero-benefit-list li:before{content:"";position:absolute;left:1rem;top:1rem;width:1.2rem;height:1.2rem;border-radius:999px;background:radial-gradient(circle at center,rgba(255,171,66,.92) 0 42%,transparent 44%),linear-gradient(135deg,#ffab421f,#ffab424d);box-shadow:0 0 0 6px #ffab4214}.hero-proof-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.hero-proof-row span{padding:.4rem .78rem;border-radius:999px;background:#f5f1e806;border:1px solid rgba(245,241,232,.05);color:#f5f1e8b3;font-size:.82rem;letter-spacing:.02em;line-height:1.2}.hero-room-card,.viewer-code-field{display:grid;gap:1rem;padding:1.2rem;background:linear-gradient(135deg,#141b2bf5,#0a0e18fa);border:1px solid rgba(245,241,232,.08);border-radius:24px;min-width:0}.viewer-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.viewer-code-row-hero{grid-template-columns:minmax(0,1fr) auto}.landing-workbar{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;justify-items:center;padding:1.35rem 1.55rem;background:linear-gradient(180deg,#0c121ffa,#060a12fa);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000047}.landing-workbar-main{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;min-width:0}.landing-inline-field{min-width:0}.viewer-code-row-inline{grid-template-columns:auto minmax(220px,1fr) auto;gap:.9rem}.viewer-code-inline-label{color:#f5f1e8d1;font-size:.95rem;white-space:nowrap}.hero-room-card h2{margin:0;font-size:1.5rem;line-height:1.05}.hero-room-card p:last-child{color:#f5f1e8b3}.hero-visual{position:relative;overflow:hidden;min-height:0;background:linear-gradient(160deg,#0c121ffa,#04070ffa)}.hero-stage-glow{position:absolute;border-radius:999px;filter:blur(24px)}.hero-stage-glow-amber{width:16rem;height:16rem;left:-4rem;top:-4rem;background:#f5f1e80d}.hero-stage-glow-blue{width:18rem;height:18rem;right:-5rem;bottom:-5rem;background:#f5f1e80a}.hero-showcase{position:relative;z-index:1;height:100%;min-height:34rem;padding:1.1rem;display:grid;align-items:stretch}.hero-showcase:before{content:"";position:absolute;top:1.1rem;right:1.1rem;bottom:1.1rem;left:1.1rem;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),linear-gradient(160deg,#0a101cf5,#050912fa);border:1px solid rgba(245,241,232,.08);box-shadow:0 24px 60px #00000052}.hero-showcase-image,.hero-showcase-pills,.hero-showcase-caption{position:relative;z-index:1}.hero-showcase-image{width:100%;height:100%;min-height:31rem;object-fit:cover;display:block;border-radius:24px;filter:saturate(1.02) contrast(1.02);box-shadow:inset 0 0 0 1px #f5f1e80d}.hero-showcase-pills{position:absolute;top:2rem;left:2rem;display:flex;gap:.6rem;flex-wrap:wrap}.hero-showcase-pill{width:fit-content;padding:.55rem .85rem;border-radius:999px;background:#f5f1e814;border:1px solid rgba(245,241,232,.12);color:#f5f1e8d6;font-family:var(--font-display);font-size:.84rem;letter-spacing:.04em}.hero-showcase-pill-blue{background:#f5f1e814;border-color:#f5f1e81f;color:#f5f1e8d6}.hero-showcase-caption{position:absolute;left:2rem;right:2rem;bottom:2rem;display:grid;gap:.8rem;padding:1.05rem 1.15rem;border-radius:22px;background:linear-gradient(180deg,#080c15db,#080c15f0);border:1px solid rgba(245,241,232,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #0000003d}.hero-showcase-title{margin:.2rem 0 0;color:#f5f1e8f2;font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.02}.hero-showcase-points{display:flex;flex-wrap:wrap;gap:.65rem}.hero-showcase-points span{padding:.55rem .8rem;border-radius:999px;background:#f5f1e80f;color:#f5f1e8d1;font-size:.9rem;line-height:1.35}.feature-grid,.audience-grid{display:grid;gap:1rem}.landing-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-card{position:relative;overflow:hidden;min-width:0}.proof-card:before{content:"";position:absolute;inset:auto auto -3rem -3rem;width:10rem;height:10rem;background:radial-gradient(circle,rgba(245,241,232,.05),transparent 70%);pointer-events:none}.landing-proof-grid .proof-card:nth-child(2):before{background:radial-gradient(circle,rgba(245,241,232,.04),transparent 72%)}.landing-proof-grid .proof-card:nth-child(3):before{background:radial-gradient(circle,rgba(245,241,232,.05),transparent 72%);inset:-3rem -2rem auto auto}.landing-slides{display:grid;gap:1rem}.landing-slide{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;justify-items:center;text-align:center;padding:2.4rem 1.6rem}.landing-slide-copy{display:grid;gap:.75rem;max-width:44rem;min-width:0;justify-items:center}.landing-slide-meta{display:flex;align-items:center;justify-content:center;gap:1rem}.landing-slide-step{color:#f5f1e86b;font-family:var(--font-display);font-size:.96rem;letter-spacing:.22em}.landing-slide-copy h2{margin:0;font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.08;overflow-wrap:anywhere}.landing-slide-copy p{margin:0;color:#f5f1e8c2;line-height:1.75;font-size:1.02rem}.landing-slide-list{margin:0;padding-left:1.25rem;display:grid;gap:.9rem;color:#f5f1e8e0;line-height:1.65}.landing-slide-visual{min-height:100%;display:flex;align-items:center;min-width:0}.landing-slide-image{width:100%;height:auto;max-height:42rem;object-fit:cover;display:block;border-radius:24px;border:1px solid rgba(245,241,232,.08);box-shadow:0 24px 60px #00000042}.landing-slide-tone-1{background:radial-gradient(circle at 8% 18%,rgba(245,241,232,.05),transparent 26%),linear-gradient(180deg,#101623f5,#070b14fa)}.landing-slide-tone-2{background:radial-gradient(circle at 88% 16%,rgba(245,241,232,.04),transparent 26%),linear-gradient(180deg,#0b1425f5,#050a14fa)}.landing-slide-tone-3{background:radial-gradient(circle at 82% 20%,rgba(245,241,232,.04),transparent 24%),radial-gradient(circle at 14% 78%,rgba(245,241,232,.04),transparent 26%),linear-gradient(180deg,#0e1320f5,#060a12fa)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card h2,.audience-card h2{margin:0 0 .65rem;font-size:1.2rem}.proof-card h2{font-size:1.45rem;line-height:1.08;max-width:15ch;overflow-wrap:anywhere}.story-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);gap:1.25rem;align-items:start}.step-list{margin:0;padding-left:1.3rem;display:grid;gap:.9rem;color:#f5f1e8d6;line-height:1.6}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;overflow:hidden;background:linear-gradient(180deg,#0f1725f5,#080d18fa)}.cta-band:after{content:"";position:absolute;inset:auto -4rem -5rem auto;width:16rem;height:16rem;background:radial-gradient(circle,rgba(245,241,232,.04),transparent 72%);pointer-events:none}.contact-band{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;justify-items:center;text-align:center;padding:2.4rem 1.6rem;background:linear-gradient(180deg,#0d1422f5,#070b14fa)}.contact-band-copy{display:grid;align-content:start;justify-items:center;gap:.9rem;max-width:44rem}.contact-band-copy h2{margin:0;font-size:clamp(1.7rem,2.4vw,2.4rem);line-height:1.1}.contact-band-copy p{margin:0;color:#f5f1e8c2;line-height:1.75}.contact-form{display:grid;gap:1rem;max-width:36rem;width:100%;text-align:left}.contact-form label{display:grid;gap:.45rem;color:#f5f1e8d6}.contact-message{min-height:10rem;resize:vertical}.contact-form-footer{display:grid;gap:.75rem;align-items:start}.landing-footer{padding:.25rem 0 .75rem;text-align:center}.landing-footer p{margin:0;color:#f5f1e885;font-size:.88rem;line-height:1.5}.password-auth-card{display:grid;gap:1rem}.password-auth-copy h2{margin:.2rem 0 0}.password-auth-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;align-items:center}.admin-card{display:grid;gap:1rem}.admin-card h1,.admin-card p{margin:0}.admin-auth-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-stats-grid .feature-card h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:.3rem}.contact-feedback{margin:0;min-height:1.5rem;color:#f5f1e8ad}.contact-feedback-sent{color:#9be7b0}.contact-feedback-error{color:#ff9e92}.howto-hero{align-items:stretch}.howto-title{margin:.2rem 0 .75rem;font-size:clamp(2.1rem,3.6vw,4.2rem);line-height:1.05}.howto-quickfacts,.howto-grid{display:grid;gap:1rem}.howto-card{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:1rem;align-items:center;padding:1.5rem;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated-strong));border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000057}.howto-copy h2{margin:.2rem 0 .75rem}.howto-copy p:last-child{margin:0;color:#f5f1e8c2;line-height:1.7}.howto-image{width:100%;height:auto;display:block;border-radius:22px;border:1px solid rgba(245,241,232,.08);background:#f5f1e805}.howto-hero-centered{padding:1rem 0 .25rem;text-align:center;justify-items:center}.howto-hero-centered .section-copy{max-width:720px;margin:0 auto}.howto-hero-centered .section-copy h1,.howto-hero-centered .section-copy h2{margin:.2rem 0 .75rem}.howto-hero-centered .section-copy p{color:#f5f1e8c7;line-height:1.7;margin:.5rem 0}.howto-steps-grid,.howto-pairings-grid,.howto-tips-grid,.howto-faq-list,.home-faq-list{display:grid;gap:1rem;width:100%}.howto-step-card,.howto-pairing-card,.howto-tip-card{padding:1.5rem 1.75rem;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated-strong));border:1px solid rgba(245,241,232,.08);border-radius:24px;box-shadow:0 18px 60px #00000047;text-align:left}.howto-step-card h2,.howto-pairing-card h3,.howto-tip-card h3{margin:.35rem 0 .6rem}.howto-step-card p,.howto-pairing-card p,.howto-tip-card p{margin:0;color:#f5f1e8c7;line-height:1.7}.howto-pairings-grid,.howto-tips-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.howto-faq-item{padding:1rem 1.25rem;background:#f5f1e80a;border:1px solid rgba(245,241,232,.08);border-radius:18px;text-align:left}.howto-faq-item summary{cursor:pointer;font-weight:600;list-style:none;color:var(--text-primary)}.howto-faq-item summary::-webkit-details-marker{display:none}.howto-faq-item[open] summary{margin-bottom:.6rem}.howto-faq-item p{margin:0;color:#f5f1e8c7;line-height:1.7}.use-cases-section,.home-faq-section{display:grid;gap:1.25rem;justify-items:center;text-align:center;padding:1rem 0}.use-cases-section .section-copy,.home-faq-section .section-copy{max-width:680px}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%}.use-case-card{padding:1.25rem 1.4rem;background:#f5f1e80a;border:1px solid rgba(245,241,232,.08);border-radius:20px;text-align:left}.use-case-card h3{margin:0 0 .4rem;font-size:1.1rem}.use-case-card p{margin:0;color:#f5f1e8c7;line-height:1.6}.home-faq-list{max-width:720px}.editor-card,.controls-card,.preview-card,.share-modal{background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated-strong));border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000057}.workspace-shell{height:100%;display:grid;grid-template-columns:minmax(760px,2fr) minmax(380px,1fr);gap:1rem}.controller-pane{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem}.controller-content{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem}.controller-content-full{grid-template-columns:minmax(0,1fr)}.controller-main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1rem;width:100%}.control-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem}.toolbar-block{display:flex;flex-direction:column;gap:.2rem}.toolbar-label{color:#f5f1e8b8;font-size:.92rem}.toolbar-subtle{color:#f5f1e89e;font-size:.82rem}.toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.google-button-slot{min-width:320px;min-height:40px;width:auto;max-width:100%;height:auto;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border-radius:0;background:transparent;color-scheme:light}.document-sidebar{width:18rem;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;padding:1rem;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated-strong));border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000057}.document-sidebar-collapsed{width:5.25rem}.document-sidebar-header{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.sidebar-toggle{padding-inline:.95rem}.document-list{min-height:0;overflow:auto;display:grid;gap:.65rem;align-content:start;padding:.1rem}.document-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:start}.document-item-active .document-select{background:var(--accent-amber-soft);border-color:var(--accent-amber-border)}.document-select{border-radius:18px;border:1px solid rgba(245,241,232,.08);padding:.9rem 1rem;background:#f5f1e80a;text-align:left;display:grid;gap:.35rem;min-height:5.5rem;align-content:start}.document-select strong,.document-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-select span{color:#f5f1e89e;font-size:.82rem}.document-delete{width:2.6rem;padding:0;border-radius:18px;height:2.6rem;display:grid;place-items:center;align-self:start}.primary-button{background:linear-gradient(135deg,#d9913c,#e8b86b);border:1px solid rgba(255,214,147,.12);box-shadow:0 10px 22px #d9913c2e;color:#120d06;font-weight:700;min-height:3.2rem}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#dfa151,#edc479);box-shadow:0 12px 26px #d9913c38}.status-pill{border-radius:999px;padding:.75rem 1rem;background:#f5f1e814;text-transform:capitalize}.status-connected{background:#5dd39e29}.status-error,.status-expired{background:#f3764e2e}.editor-card,.preview-card{padding:1.5rem}.controls-card{padding:1.25rem 1.5rem 1.5rem}.editor-card-tight,.controls-card-tight,.preview-pane{min-height:0}.editor-card-tight{display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.card-header h2,.share-modal h2{margin:.2rem 0 0}.eyebrow{margin:0;color:#f5f1e89e;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.stat-group{text-align:right;color:#f5f1e8cc}.script-editor{flex:1;min-height:0;resize:none;font-size:1.02rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.active-toggle{background:var(--accent-amber-soft);border:1px solid var(--accent-amber-border)}.transform-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.icon-toggle{width:3rem;height:3rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-mark{width:1.35rem;height:1.35rem}.range-group{display:grid;gap:.5rem}.preview-pane{display:flex;flex-direction:column;overflow:hidden;max-width:100%}.qr-code{width:min(100%,240px);border-radius:24px;background:#f5f1e8;padding:.75rem}.prompt-frame{position:relative;height:100%;min-height:0;overflow:hidden;border-radius:24px;background:radial-gradient(circle at top,rgba(255,171,66,.16),transparent 36%),radial-gradient(circle at 82% 18%,rgba(125,182,255,.08),transparent 22%),linear-gradient(180deg,#0a0c12fa,#04060cf5);border:1px solid rgba(245,241,232,.08);transform-origin:center}.prompt-frame-interactive{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.prompt-frame-interactive:active{cursor:grabbing}.prompt-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:10vh 8vw 30vh}.prompt-viewport-scrollable{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,193,94,.78) rgba(245,241,232,.08)}.prompt-viewport-scrollable::-webkit-scrollbar{width:12px}.prompt-viewport-scrollable::-webkit-scrollbar-track{background:#f5f1e814;border-radius:999px}.prompt-viewport-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-amber),var(--accent-amber-deep));border-radius:999px;border:2px solid rgba(4,6,12,.85)}.prompt-content{will-change:transform;width:min(100%,calc(var(--prompt-font-size, 56px) * 10.2));margin:0 auto}.prompt-content p{margin:0 0 1.25rem;font-size:var(--prompt-font-size, 56px);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.viewer-shell{min-height:100vh;padding:1rem;background:#010307;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:1rem}.viewer-shell-empty{display:grid;place-items:center}.viewer-status{display:flex;justify-content:space-between;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:999px;background:#f5f1e814;font-size:.9rem}.viewer-status-main,.viewer-status-side{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.viewer-status-side{margin-left:auto}.viewer-wake-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(245,241,232,.12);background:#f5f1e80f;color:#f5f1e8d6;font-size:.8rem;line-height:1.1;letter-spacing:.02em}.viewer-wake-pill-active{border-color:#ffc15e61;background:#ffc15e24;color:#ffd484f5}.viewer-wake-pill-requesting{border-color:#7db6ff4d;background:#7db6ff24;color:#c6dffff0}.viewer-wake-pill-unsupported,.viewer-wake-pill-blocked{border-color:#ffab424d;background:#ffab4224;color:#ffd299f0}.viewer-wake-button{min-height:2rem;padding:.45rem .9rem;font-size:.85rem}.viewer-wake-note{margin:0;padding:.85rem 1rem;border-radius:20px;border:1px solid rgba(245,241,232,.08);background:#f5f1e80d;color:#f5f1e8cc;line-height:1.6}.viewer-wake-note-active,.viewer-wake-note-requesting{border-color:#7db6ff2e;background:#7db6ff14}.viewer-wake-note-unsupported,.viewer-wake-note-blocked{border-color:#ffab422e;background:#ffab4214}.viewer-prompt{min-height:0}.viewer-empty-state{width:min(100%,42rem);display:grid;gap:1rem;padding:2rem;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated-strong));border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000057}.viewer-empty-state h1,.viewer-empty-state p{margin:0}.viewer-empty-state p:last-of-type{color:#f5f1e8c2;line-height:1.7}.viewer-empty-actions{display:flex;gap:.8rem;flex-wrap:wrap}.controller-preview{flex:1;min-height:38rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#010307a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-modal{width:min(32rem,100%);display:grid;gap:1rem;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.modal-copy{margin:0;color:#f5f1e8bf}.share-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.copy-feedback{margin:-.25rem 0 0;min-height:1.25rem;font-size:.9rem}.copy-copied{color:#8fe3b6}.copy-failed{color:var(--accent-amber-strong)}@media(max-width:900px){.app-shell{padding:1rem;height:auto}body,#root{height:auto;overflow:auto}.landing-shell{padding:.9rem;gap:.9rem}.landing-topbar,.hero-section,.story-section,.landing-slide,.contact-band,.cta-band,.howto-card{flex-direction:column;align-items:stretch}.hero-section,.landing-workbar,.story-section,.landing-slide,.contact-band,.howto-card,.feature-grid,.audience-grid,.landing-proof-grid{grid-template-columns:1fr}.landing-topbar{gap:.85rem;padding:.9rem 1rem}.password-auth-form,.admin-stats-grid{grid-template-columns:1fr}.landing-topbar-actions{width:100%;justify-content:stretch}.landing-topbar-actions>*{flex:1 1 100%}.hero-section{min-height:auto}.hero-copy,.hero-visual,.landing-workbar,.feature-card,.landing-slide,.contact-band,.cta-band{padding:1.2rem}.hero-copy h1{max-width:none;font-size:clamp(1.8rem,9.4vw,2.85rem)}.hero-visual{min-height:26rem}.hero-room-card h2,.proof-card h2,.landing-slide-copy h2,.contact-band-copy h2{text-wrap:pretty}.viewer-code-row{grid-template-columns:1fr}.landing-workbar-main{width:100%}.viewer-code-row-inline{grid-template-columns:1fr}.viewer-code-inline-label{white-space:normal}.hero-showcase{min-height:0;padding:.75rem}.hero-showcase:before{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}.hero-showcase-image{min-height:20rem}.hero-showcase-pills{top:1.35rem;left:1.35rem;right:1.35rem}.hero-showcase-caption{left:1.35rem;right:1.35rem;bottom:1.35rem;padding:.9rem 1rem}.hero-showcase-title{font-size:1.05rem}.workspace-shell{height:auto;grid-template-columns:1fr}.controller-content{grid-template-columns:1fr}.document-sidebar,.document-sidebar-collapsed{width:auto}.control-toolbar,.card-header,.modal-header{flex-direction:column;align-items:stretch}.share-url-row{grid-template-columns:1fr}.controller-pane{grid-template-rows:auto auto auto}}