:root{color-scheme:dark;font-family:Aptos,Segoe UI Variable,Trebuchet MS,sans-serif;background:radial-gradient(circle at top left,rgba(243,118,78,.22),transparent 28%),radial-gradient(circle at top right,rgba(64,144,203,.2),transparent 26%),linear-gradient(135deg,#08111f,#101d33 45%,#05070e);color:#f5f1e8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}button,input,textarea{font:inherit}button{border:0;border-radius:999px;padding:.85rem 1.2rem;background:#f5f1e81a;color:inherit;cursor:pointer;transition:background-color .16s ease,transform .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:#0a0f1de6;color:inherit}.app-shell{height:100vh;padding:1rem}.landing-shell{min-height:100vh;padding:1rem;display:grid;gap:1rem;width:min(100%,1560px);margin:0 auto}.landing-topbar,.feature-card,.story-section,.audience-card,.contact-band,.cta-band,.hero-copy,.hero-visual{background:linear-gradient(180deg,#0f192bf0,#090e19f5);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000042}.landing-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem}.brand-mark{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:.04em}.brand-dot{width:.9rem;height:.9rem;border-radius:999px;background:linear-gradient(135deg,#ffd166,#f3764e);box-shadow:0 0 18px #f3764eb3}.landing-topbar-actions,.hero-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.hero-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:1.25rem;align-items:stretch;min-height:calc(100vh - 7rem)}.hero-copy,.hero-visual,.feature-card,.story-section,.audience-card,.cta-band{padding:1.5rem}.hero-copy h1,.story-section h2,.audience-card h2,.cta-band h2{margin:.2rem 0 .75rem}.hero-copy h1{font-size:clamp(2.2rem,4vw,4.8rem);line-height:1.02;max-width:13ch}.hero-lead,.section-copy p,.feature-card p,.audience-card p{margin:0;color:#f5f1e8c2;line-height:1.7}.secondary-link{color:#ffd166;text-decoration:none;font-weight:600}.hero-seo-list{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:1.2rem 0 0}.hero-seo-list li{padding:.6rem .9rem;border-radius:999px;background:#f5f1e812;color:#f5f1e8c7;font-size:.92rem}.viewer-code-panel{margin-top:1rem}.hero-copy-compact{display:flex;flex-direction:column;justify-content:center}.viewer-code-field{display:grid;gap:.55rem;color:#f5f1e8d1;font-size:.95rem}.viewer-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.hero-visual{position:relative;overflow:hidden;min-height:28rem;background:radial-gradient(circle at 20% 20%,rgba(255,209,102,.16),transparent 30%),radial-gradient(circle at 85% 25%,rgba(94,188,255,.18),transparent 24%),linear-gradient(180deg,#0c1321fa,#050912fa)}.hero-photo{width:100%;height:100%;min-height:34rem;object-fit:cover;display:block;border-radius:20px}.hero-orbit{position:absolute;border:1px solid rgba(245,241,232,.08);border-radius:999px}.hero-orbit-left{width:16rem;height:16rem;left:-4rem;top:-2rem}.hero-orbit-right{width:14rem;height:14rem;right:-3rem;bottom:-3rem}.device-stage{position:relative;height:100%;min-height:25rem}.device-browser,.device-viewer{position:absolute;border:1px solid rgba(245,241,232,.1);box-shadow:0 24px 60px #00000059}.device-browser{left:2rem;top:2rem;width:min(28rem,calc(100% - 6rem));border-radius:26px;background:#080d18f5;overflow:hidden}.device-browser-bar{display:flex;gap:.45rem;padding:.9rem 1rem;background:#f5f1e80a}.device-browser-bar span{width:.72rem;height:.72rem;border-radius:999px;background:#f5f1e852}.device-browser-content{padding:1.1rem;display:grid;gap:1rem}.signal-pill{width:fit-content;border-radius:999px;padding:.5rem .8rem;background:#ffd16624;color:#ffd166;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.signal-pill-alt{background:#5ebcff24;color:#89d0ff}.mock-editor,.device-viewer{background:#f5f1e808}.mock-editor{border-radius:20px;padding:1rem;display:grid;gap:.7rem}.mock-line,.viewer-line{height:.8rem;border-radius:999px;background:linear-gradient(90deg,#f5f1e8eb,#f5f1e833)}.w-92{width:92%}.w-86{width:86%}.w-78{width:78%}.w-64{width:64%}.mock-controls{display:flex;gap:.7rem;flex-wrap:wrap}.mock-controls span{padding:.55rem .8rem;border-radius:999px;background:#f5f1e80f;color:#f5f1e8cc;font-size:.9rem}.device-viewer{right:1.5rem;bottom:2rem;width:min(17rem,calc(100% - 5rem));border-radius:28px;padding:1rem}.viewer-lines{margin-top:1rem;display:grid;gap:1rem}.viewer-line{height:1rem}.viewer-line.long{width:94%}.viewer-line.short{width:62%}.feature-grid,.audience-grid{display:grid;gap:1rem}.landing-workbar{display:grid;grid-template-columns:auto minmax(360px,1fr);gap:1rem;align-items:end;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#0f192bf0,#090e19f5);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000042}.landing-workbar-main{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.secondary-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.85rem 1.2rem;border-radius:999px;background:#f5f1e814;color:inherit}.landing-inline-field{align-self:stretch}.landing-slides{display:grid;gap:1rem}.landing-slide{min-height:88vh;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:1.25rem;align-items:center;padding:1.5rem;background:linear-gradient(180deg,#0f192bf0,#090e19f5);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000042}.landing-slide-copy{display:grid;gap:1rem;max-width:44rem}.landing-slide-copy h2{margin:0;font-size:clamp(2rem,3.4vw,4rem);line-height:1.06}.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}.landing-slide-image{width:100%;height:auto;max-height:78vh;object-fit:cover;display:block;border-radius:24px;border:1px solid rgba(245,241,232,.08)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card h2,.audience-card h2{margin:0 0 .65rem;font-size:1.2rem}.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}.contact-band{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:1.5rem;padding:1.5rem}.contact-band-copy{display:grid;align-content:start;gap:.9rem}.contact-band-copy h2{margin:0;font-size:clamp(1.9rem,3vw,3.3rem);line-height:1.08}.contact-band-copy p{margin:0;color:#f5f1e8c2;line-height:1.75}.contact-form{display:grid;gap:1rem;max-width:52rem;width:100%}.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}.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,#0f192bf0,#090e19f5);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000042}.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}.editor-card,.controls-card,.preview-card,.share-modal{background:linear-gradient(180deg,#0f192bf0,#090e19f5);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000042}.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;max-width:1400px}.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:220px;min-height:40px}.document-sidebar{width:18rem;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;padding:1rem;background:linear-gradient(180deg,#0f192bf0,#090e19f5);border:1px solid rgba(245,241,232,.08);border-radius:28px;box-shadow:0 18px 60px #00000042}.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}.document-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:stretch}.document-item-active .document-select{background:#ffd16629;border-color:#ffd16661}.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}.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}.primary-button{background:linear-gradient(135deg,#f3764e,#ffd166);color:#08111f;font-weight:700}.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:#f7a365;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.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:#ffd16633;border:1px solid rgba(255,209,102,.45)}.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,#2a416347,#04060cf0);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,209,102,.75) 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,#ffd166,#f3764e);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}.viewer-status{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:1rem;border-radius:999px;background:#f5f1e814;font-size:.9rem}.viewer-prompt{min-height:calc(100vh - 5rem)}.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:#f7a365}@media(max-width:900px){.app-shell{padding:1rem;height:auto}body,#root{height:auto;overflow:auto}.landing-shell{padding:.9rem}.landing-topbar,.hero-section,.story-section,.contact-band,.cta-band{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.feature-grid,.audience-grid,.landing-workbar,.landing-slide,.howto-card{grid-template-columns:1fr}.hero-copy h1{max-width:none}.hero-visual,.hero-photo{min-height:24rem}.landing-slide{min-height:auto}.viewer-code-row{grid-template-columns:1fr}.device-browser{left:1rem;top:1rem;width:calc(100% - 2rem)}.device-viewer{right:1rem;width:min(14rem,calc(100% - 3rem))}.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}}