*{box-sizing:border-box}:root{--bg: #0b0b0c;--panel: #0F0F0F;--line: #2d2f33;--muted: #9ca0a6;--text: #eceff2}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:2.5rem 1rem;text-align:center}.demo-panel{width:min(680px,calc(100% - 2rem));border:1px solid var(--line);background:var(--panel);border-radius:1rem;padding:2rem 2rem 1.5rem;position:relative;display:grid;gap:1rem;text-align:left}.logo{width:170px;height:auto;display:block;margin:0 auto .75rem}.upload-form{margin:0;display:grid;gap:1rem}.progress{width:100%;height:.4rem;background:#23262a;border:1px solid #2e3237;border-radius:999px;overflow:hidden;margin:0 0 .15rem}.progress-bar{height:100%;width:0%;background:#40ffc8;transition:width .22s ease}.upload-trigger{width:100%;min-height:3.75rem;border:1px dashed var(--line);border-radius:.6rem;display:grid;place-items:center;text-align:center;position:relative;background:#1c1f22;color:#d4d7dc;padding:.8rem .9rem;font-size:.92rem}.upload-trigger:hover:not(:disabled){border-color:#3a4047;background:#20252a}.upload-trigger.is-ready{border-style:solid;border-color:#f5f6f7;background:#1f2328}.upload-trigger.is-ready:after{content:"✓";position:absolute;right:.75rem;top:.75rem;width:1.2rem;height:1.2rem;border-radius:999px;border:1px solid #f5f6f7;color:#f5f6f7;font-size:.8rem;line-height:1.1rem;text-align:center}.upload-area{margin:0;width:100%;min-height:3.75rem;border:1px dashed var(--line);border-radius:.6rem;display:grid;place-items:center;text-align:center;color:var(--muted);cursor:pointer;position:relative;background:#1c1f22;color:#d4d7dc;padding:.8rem .9rem}.upload-area.is-dragging{border-color:#40ffc8;background:#20252a}.upload-area.is-ready{border-color:#f5f6f7;background:#1f2328}.upload-area.is-ready:after{content:"✓";position:absolute;right:.75rem;top:.75rem;width:1.2rem;height:1.2rem;border-radius:999px;border:1px solid #f5f6f7;color:#f5f6f7;font-size:.8rem;line-height:1.1rem;text-align:center}.tutorial-toggle-btn{width:100%;border:1px solid #3a3d42;border-radius:.45rem;background:#1b1f23;color:var(--text);padding:.62rem .7rem;font-size:.84rem;text-align:center;font-weight:600}.tutorial-toggle-btn:hover:not(:disabled){background:#252a30}.tutorial-editor{display:grid;gap:.5rem}.tutorial-editor[hidden]{display:none}.tutorial-steps{display:grid;gap:.45rem}.tutorial-step-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;border:1px solid #23272c;border-radius:.5rem;padding:.5rem;background:#0f1215}.tutorial-step-fields{display:grid;gap:.4rem}.tutorial-step-title,.tutorial-step-text{width:100%;border:1px solid var(--line);border-radius:.45rem;background:#0f1114;color:var(--text);padding:.45rem .55rem;font-size:.82rem}.tutorial-step-text{resize:vertical;min-height:4.6rem}.tutorial-step-title:focus-visible,.tutorial-step-text:focus-visible{outline:2px solid #40ffc8;outline-offset:1px}.tutorial-step-remove{width:auto;min-width:2rem;border:1px solid var(--line);border-radius:.45rem;background:#15181c;color:var(--text);padding:.45rem .55rem;font-size:.88rem;font-weight:500}.tutorial-step-remove:hover:not(:disabled){background:#1d2227}.tutorial-add-step-btn{width:auto;border:1px solid var(--line);border-radius:.45rem;background:#15181c;color:var(--text);padding:.45rem .6rem;font-size:.8rem;font-weight:500}.tutorial-add-step-btn:hover:not(:disabled){background:#1d2227}.tutorial-actions{display:flex;gap:.5rem;justify-content:flex-start}.tutorial-preview-btn{width:auto;border:1px solid var(--line);border-radius:.45rem;background:#15181c;color:var(--text);padding:.45rem .6rem;font-size:.8rem;font-weight:500}.tutorial-preview-btn:hover:not(:disabled){background:#1d2227}.upload-area input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.wizard-modal[hidden]{display:none}.wizard-modal{position:fixed;inset:0;z-index:38}.wizard-backdrop{position:absolute;inset:0;background:#0009}.wizard-dialog{position:relative;width:min(920px,calc(100% - 2rem));margin:3vh auto 0;border:1px solid var(--line);border-radius:.9rem;background:#101214;padding:.95rem;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.7rem;max-height:94vh}.wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.wizard-header h2{margin:0;font-size:1.05rem;font-weight:650}.wizard-subtitle{margin:.18rem 0 0;color:#9ca0a6;font-size:.78rem}.wizard-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem}.wizard-close:hover:not(:disabled){background:#1f2429}.wizard-stepper{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.wizard-step-chip{display:inline-flex;align-items:center;gap:.32rem;padding:.32rem .55rem;border:1px solid #2b3036;border-radius:999px;background:#12161a;color:#9ca2aa;font-size:.72rem;line-height:1.2}.wizard-step-chip.active{border-color:#40ffc8;color:#d9fff5;background:#12221d}.wizard-step-chip.done{border-color:#22362f;color:#9de8d1;background:#131d19}.wizard-error{border:1px solid #483133;border-radius:.5rem;background:#211417;color:#ffccd2;padding:.45rem .55rem;font-size:.78rem}.wizard-content{border:1px solid #272b31;border-radius:.62rem;background:#0f1114;padding:.8rem;overflow:auto;min-height:0}.wizard-page{display:grid;gap:.6rem}.wizard-page[hidden]{display:none!important}.wizard-page h3{margin:0;font-size:.9rem;font-weight:620}.wizard-upload-area{min-height:4.25rem}.wizard-upload-summary{border:1px solid #2a2e34;border-radius:.45rem;background:#12151a;color:#c2c7ce;padding:.42rem .52rem;font-size:.78rem}.wizard-tree-wrap{border:1px solid #252a30;border-radius:.55rem;background:#111418;padding:.5rem .55rem;display:grid;gap:.4rem}.wizard-tree-wrap h4{margin:0;font-size:.76rem;color:#acb2bb;font-weight:600}.wizard-file-tree{border:1px solid #22272d;border-radius:.45rem;background:#0d1014;min-height:160px;max-height:280px;overflow:auto;padding:.45rem .5rem;color:#9299a2;font-size:.76rem}.wizard-file-tree ul{list-style:none;margin:0;padding-left:.88rem}.wizard-file-tree li{margin:.16rem 0;line-height:1.34}.wizard-file-tree li:before{content:"•";margin-right:.32rem;color:#3f4a56}.wizard-file-tree li[data-kind=dir]{color:#d6dbe2;font-weight:560}.wizard-users-list{border:1px solid #2a2d32;border-radius:.55rem;background:#0d0f12;min-height:190px;max-height:380px;overflow:auto;padding:.5rem;display:grid;gap:.4rem;align-content:start;color:#8f949b;font-size:.82rem}.wizard-user-row{border:1px solid #2d2f33;border-radius:.5rem;background:#14181d;padding:.45rem .5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.wizard-user-name{color:#e9edf2;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-user-remove{width:auto;border:1px solid #2e3338;border-radius:.42rem;background:#191d23;color:#f1f4f8;padding:.35rem .5rem;font-size:.74rem}.wizard-user-remove:hover:not(:disabled){background:#20262d}.wizard-create-summary{border:1px solid #2a2d32;border-radius:.55rem;background:#12161a;padding:.5rem;display:grid;gap:.35rem;color:#c8ced6;font-size:.8rem}.wizard-summary-row{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:.6rem}.wizard-summary-row dt{color:#98a0a9}.wizard-summary-row dd{margin:0;color:#eceff2;overflow-wrap:anywhere}.wizard-create-status{border:1px solid #2a2d32;border-radius:.5rem;background:#12161a;color:#b4bac2;padding:.42rem .52rem;font-size:.78rem}.wizard-complete-actions{display:flex}.wizard-complete-actions .setup-done-btn{width:auto}.wizard-complete-status{border:1px solid #2a2d32;border-radius:.5rem;background:#12161a;color:#c5cbd3;padding:.42rem .52rem;font-size:.78rem}.wizard-final-links{border:1px solid #2a2d32;border-radius:.55rem;background:#0d0f12;min-height:220px;max-height:420px;overflow:auto;padding:.5rem;display:grid;gap:.45rem;align-content:start;color:#8f949b;font-size:.82rem}.wizard-final-link-row{border:1px solid #2d2f33;border-radius:.52rem;background:#14181d;padding:.45rem .5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.wizard-final-link-info{display:grid;gap:.28rem}.wizard-final-link-title{color:#eceff2;font-size:.8rem;font-weight:600}.wizard-final-link-url{color:#9ca2aa;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.wizard-final-link-actions{display:grid;gap:.4rem;justify-items:end;align-content:start}.wizard-final-link-copy{width:auto;border:1px solid #2f353c;background:#171c21;color:var(--text);padding:.33rem .52rem;font-size:.74rem}.wizard-final-link-copy:hover:not(:disabled){background:#1f262d}.wizard-final-link-qr{width:86px;height:86px;border:1px solid #2a3036;border-radius:.4rem;background:#0f1317}.wizard-footer{display:flex;justify-content:space-between;gap:.45rem}.wizard-nav-btn{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.45rem .7rem;font-size:.8rem}.wizard-nav-btn:hover:not(:disabled){background:#1f2429}.wizard-nav-btn-primary{border-color:#40ffc8;background:#f5f6f7;color:#0f1012}.wizard-nav-btn-primary:hover:not(:disabled){background:#40ffc8}.console-output{width:0;height:0;overflow:hidden;position:absolute;pointer-events:none;opacity:0}button{width:100%;border:1px solid #40FFC8;border-radius:.55rem;padding:.8rem;color:#0f1012;background:#f5f6f7;font-size:.95rem;font-weight:600;margin:0}button:hover:not(:disabled){background:#40ffc8}button:focus-visible{outline:2px solid #d1d5db;outline-offset:2px}button:disabled{background:#30343a;border-color:#30343a;color:#85898f;cursor:not-allowed}.secondary-btn{width:auto;border:1px solid var(--line);background:#15181c;color:var(--text);padding:.45rem .7rem;font-size:.8rem}.secondary-btn:hover:not(:disabled){background:#1d2227}.floating-dock{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:26;display:flex;align-items:center;gap:.52rem;border:1px solid #262626;border-radius:999px;background:#0a0a0af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.48rem;box-shadow:0 10px 28px #00000061;max-width:calc(100vw - 1.25rem);overflow-x:auto;scrollbar-width:none}.floating-dock::-webkit-scrollbar{display:none}.dock-btn{width:auto;border:1px solid #303030;border-radius:999px;background:#141414;color:#eceff2;width:4.9rem;height:4.9rem;padding:0;display:grid;place-items:center;position:relative}.dock-btn svg{width:2.08rem;height:2.08rem;display:block;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.dock-btn:hover:not(:disabled){background:#1c1c1c;border-color:#4a4a4a}.dock-btn:disabled{background:#2a2a2a;border-color:#2a2a2a;color:#7b8088;cursor:not-allowed}.dock-btn-primary{border-color:#40ffc8;background:#f5f6f7;color:#0f1012}.dock-btn-primary:hover:not(:disabled){background:#fff}.dock-btn-primary.is-live,.dock-btn-primary.is-live:hover:not(:disabled){background:#40ffc8;border-color:#40ffc8}.dock-btn.is-glowing{box-shadow:0 0 0 3px #40ffc833}#terminatePodBtn{border-color:#4e2727;background:#191111;color:#faa}#terminatePodBtn:hover:not(:disabled){border-color:#754040;background:#271515;color:#ffc2c2}.portal-preview-panel[hidden]{display:none}.portal-preview-panel{position:fixed;right:0;top:0;bottom:0;width:min(560px,48vw);border-left:1px solid #2d2f33;background:#0f1012;z-index:25;box-shadow:-16px 0 34px #00000057;display:grid;grid-template-columns:3.15rem minmax(0,1fr);transition:transform .19s ease}.portal-preview-panel.is-collapsed{transform:translate(calc(100% - 3.15rem))}.portal-preview-toggle{width:100%;border:0;border-right:1px solid #2d2f33;border-radius:0;background:#121418;color:#d4d8dd;display:grid;place-items:center;padding:0}.portal-preview-toggle:hover:not(:disabled){background:#1a1d22}.portal-preview-toggle svg{width:1.5rem;height:1.5rem;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .19s ease}.portal-preview-panel.is-collapsed .portal-preview-toggle svg{transform:rotate(180deg)}.portal-preview-shell{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.portal-preview-header{border-bottom:1px solid #2d2f33;padding:.42rem;display:flex;justify-content:flex-end}.portal-preview-icon-btn{width:auto;border:1px solid #2d2f33;border-radius:.45rem;background:#14181d;color:#e3e6ea;padding:.38rem}.portal-preview-icon-btn:hover:not(:disabled){background:#1d2228}.portal-preview-icon-btn svg{width:1.06rem;height:1.06rem;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.portal-preview-frame{width:100%;height:100%;border:0;display:block;background:#fff}.portal-preview-panel.is-collapsed .portal-preview-shell{opacity:0;pointer-events:none}.files-modal[hidden]{display:none}.files-modal{position:fixed;inset:0;z-index:36}.files-backdrop{position:absolute;inset:0;background:#0000008f}.files-dialog{position:relative;width:min(520px,calc(100% - 2rem));margin:12vh auto 0;border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.95rem;display:grid;gap:.75rem}.files-header{display:flex;align-items:center;justify-content:space-between}.files-header h2{margin:0;font-size:.95rem;font-weight:600}.files-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem}.files-close:hover:not(:disabled){background:#1f2429}#chatBtn[data-unread]:not([data-unread="0"]):after{content:attr(data-unread);position:absolute;top:.22rem;right:.2rem;min-width:1.25rem;height:1.25rem;border-radius:999px;border:1px solid #40ffc8;background:#101214;color:#40ffc8;font-size:.7rem;font-weight:700;line-height:1.15rem;text-align:center;padding:0 .18rem}.settings-modal[hidden]{display:none}.settings-modal{position:fixed;inset:0;z-index:35}.settings-backdrop{position:absolute;inset:0;background:#0000008f}.settings-dialog{position:relative;width:min(560px,calc(100% - 2rem));margin:7vh auto 0;border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.95rem;display:grid;gap:.7rem;max-height:86vh;overflow:auto}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-header h2{margin:0;font-size:.95rem;font-weight:600}.settings-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem}.settings-close:hover:not(:disabled){background:#1f2429}.settings-grid{display:grid;gap:.55rem}.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.settings-toggle{border:1px solid #2d2f33;border-radius:.45rem;background:#0f1114;display:flex;align-items:center;gap:.45rem;color:#e8ebee;font-size:.82rem;padding:.48rem .55rem;cursor:pointer}.settings-toggle input{margin:0;accent-color:#40ffc8}.settings-toggle span{line-height:1.2}.settings-field{display:grid;gap:.25rem}.settings-field>span{color:#aeb2b8;font-size:.76rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.settings-readonly{border:1px solid #2d2f33;border-radius:.45rem;background:#0f1114;color:var(--text);padding:.48rem .55rem;font-size:.82rem}.settings-input{width:100%;border:1px solid #2d2f33;border-radius:.45rem;background:#0f1114;color:var(--text);padding:.48rem .55rem;font-size:.82rem}.settings-input:focus-visible{outline:2px solid #40ffc8;outline-offset:1px}.settings-divider{height:1px;background:#23272c}.settings-advanced{border:1px solid #23272c;border-radius:.55rem;background:#0f1114;padding:.15rem .6rem .55rem}.settings-advanced>summary{cursor:pointer;list-style:none;color:#b8bdc5;font-size:.82rem;font-weight:600;padding:.45rem 0}.settings-advanced>summary::-webkit-details-marker{display:none}.settings-grid-advanced{padding-top:.2rem}.setup-done-btn{margin-top:.15rem}.share-modal[hidden]{display:none}.share-modal{position:fixed;inset:0;z-index:34}.share-backdrop{position:absolute;inset:0;background:#0000008f}.share-dialog{position:relative;width:min(760px,calc(100% - 2rem));margin:8vh auto 0;border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.9rem;display:grid;gap:.6rem}.share-header{display:flex;align-items:center;justify-content:space-between}.share-header h2{margin:0;font-size:.95rem;font-weight:600}.share-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem}.share-close:hover:not(:disabled){background:#1f2429}.share-create{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.share-create input{width:100%;border:1px solid #2d2f33;border-radius:.45rem;background:#0f1114;color:var(--text);padding:.48rem .55rem;font-size:.82rem}.share-create input:focus-visible{outline:2px solid #40ffc8;outline-offset:1px}.share-create button{width:auto;padding:.48rem .65rem;font-size:.82rem}.share-links{border:1px solid #2a2d32;border-radius:.55rem;background:#0d0f12;min-height:180px;max-height:420px;overflow:auto;padding:.5rem;display:grid;gap:.4rem;align-content:start;color:#8f949b;font-size:.82rem}.share-link-row{border:1px solid #2d2f33;border-radius:.5rem;background:#14181d;padding:.45rem .5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.share-link-info{display:grid;gap:.2rem}.share-link-title{color:#eceff2;font-size:.8rem;font-weight:600}.share-link-url{color:#9ca0a6;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-copy-btn{width:auto;border:1px solid var(--line);background:#15181c;color:var(--text);padding:.45rem .58rem;font-size:.76rem}.share-copy-btn:hover:not(:disabled){background:#1d2227}.chat-modal[hidden]{display:none}.chat-modal{position:fixed;inset:0;z-index:34}.chat-backdrop{position:absolute;inset:0;background:#0000008f}.chat-dialog{position:relative;width:min(760px,calc(100% - 2rem));margin:8vh auto 0;border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.9rem;display:grid;gap:.6rem}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-header h2{margin:0;font-size:.95rem;font-weight:600}.chat-header-actions{display:flex;align-items:center;gap:.45rem}.chat-preview-btn{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .58rem;font-size:.78rem}.chat-preview-btn:hover:not(:disabled){background:#1f2429}.chat-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem}.chat-close:hover:not(:disabled){background:#1f2429}.chat-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:.6rem;min-height:320px}.chat-conversations{border:1px solid #2a2d32;border-radius:.55rem;background:#0d0f12;overflow:auto;padding:.45rem;display:grid;gap:.4rem;align-content:start}.chat-thread{width:100%;border:1px solid #2d2f33;border-radius:.5rem;background:#14181d;color:#eceff2;padding:.4rem .5rem;font-size:.78rem;text-align:left}.chat-thread:hover:not(:disabled){background:#1b2026}.chat-thread.active{border-color:#40ffc8;background:#172029}.chat-thread-id{display:block;font-weight:600;color:#eceff2;overflow-wrap:anywhere}.chat-thread-meta{display:block;color:#9aa0a8;font-size:.72rem;margin-top:.2rem}.chat-main{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.6rem}.chat-messages{border:1px solid #2a2d32;border-radius:.55rem;background:#0d0f12;min-height:260px;max-height:420px;overflow:auto;padding:.6rem;display:grid;gap:.45rem;align-content:start;justify-items:start}.chat-empty{color:#8f949b;font-size:.82rem}.chat-msg{max-width:min(85%,430px);border:1px solid #2d2f33;border-radius:.55rem;padding:.4rem .52rem;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;align-self:start}.chat-msg.viewer{justify-self:start;background:#15191e;color:#e8ebee}.chat-msg.host{justify-self:end;background:#e8ebee;color:#0f1114;border-color:#e8ebee}.chat-composer{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.chat-composer input{width:100%;border:1px solid #2d2f33;border-radius:.45rem;background:#0f1114;color:var(--text);padding:.48rem .55rem;font-size:.82rem}.chat-composer input:focus-visible{outline:2px solid #40ffc8;outline-offset:1px}.chat-composer button{width:auto;padding:.48rem .65rem;font-size:.82rem}.preview-modal[hidden]{display:none}.preview-modal{position:fixed;inset:0;z-index:33}.preview-backdrop{position:absolute;inset:0;background:#0000008f}.preview-dialog{position:relative;width:min(760px,calc(100% - 2rem));margin:8vh auto 0;border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.9rem;display:grid;gap:.6rem}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-header h2{margin:0;font-size:.95rem;font-weight:600}.preview-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem}.preview-close:hover:not(:disabled){background:#1f2429}.preview-status{border:1px solid #2a2d32;border-radius:.5rem;background:#12161a;color:#b9bec5;padding:.45rem .55rem;font-size:.8rem}.preview-video{width:100%;min-height:min(52vh,400px);border:1px solid #2a2d32;border-radius:.55rem;background:#0b0c0e;object-fit:contain}@media(max-width:680px){.wizard-dialog{width:calc(100% - 1rem);margin-top:.5rem;max-height:calc(100vh - 1rem);padding:.75rem}.wizard-summary-row{grid-template-columns:1fr;gap:.2rem}.wizard-final-link-row{grid-template-columns:1fr}.wizard-final-link-actions{justify-items:start}.share-create,.chat-body{grid-template-columns:1fr}.chat-conversations{max-height:130px}.settings-toggle-grid{grid-template-columns:1fr}.monitor-grid{grid-template-columns:minmax(0,1fr)}.monitor-charts{grid-template-columns:1fr}.review-body{grid-template-columns:1fr;min-height:0}.review-stage{min-height:42vh}}.monitor-modal[hidden]{display:none}.monitor-modal{position:fixed;inset:0;z-index:30}.monitor-backdrop{position:absolute;inset:0;background:#0000008f}.monitor-dialog{position:fixed;left:50%;top:8vh;transform:translate(-50%);width:min(920px,calc(100% - 2rem));border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.9rem .95rem 1rem;max-height:86vh;overflow:auto}.monitor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.monitor-header.is-dragging{cursor:grabbing}.monitor-header h2{margin:0;font-size:.95rem;font-weight:600}.monitor-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem;cursor:pointer}.monitor-header-actions{display:flex;align-items:center;gap:.45rem}.monitor-download{width:auto;border:1px solid #2c3a36;background:#111714;color:#c9ffed;padding:.35rem .55rem;font-size:.78rem;cursor:pointer}.monitor-download:hover:not(:disabled){background:#14201c}.monitor-download:disabled{opacity:.55;cursor:default}.monitor-review{width:auto;border:1px solid #2f3540;background:#141821;color:#dbe6ff;padding:.35rem .55rem;font-size:.78rem;cursor:pointer}.monitor-review:hover:not(:disabled){background:#191e2a}.monitor-review:disabled{opacity:.55;cursor:default}.monitor-grid{margin:0;display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:.45rem .7rem;font-size:.82rem}.monitor-grid dt{color:var(--muted)}.monitor-grid dd{margin:0;color:var(--text);overflow-wrap:anywhere}.monitor-activity{margin-top:.7rem;border-top:1px solid #23272c;padding-top:.6rem;display:grid;gap:.35rem}.monitor-activity h3{margin:0;font-size:.78rem;font-weight:600;color:#b8bcc2}.monitor-activity-list{border:1px solid #2a2d32;border-radius:.5rem;background:#0f1114;min-height:5.4rem;max-height:9.5rem;overflow:auto;padding:.45rem;color:#9ca1a9;font-size:.76rem;line-height:1.4}.monitor-activity-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:baseline;padding:.2rem 0;color:#e0e3e7}.monitor-activity-row+.monitor-activity-row{border-top:1px solid #1c2025}.monitor-activity-viewer{color:#8ee8cc;font-weight:600;overflow-wrap:anywhere}.monitor-activity-target{color:#e2e5e9;overflow-wrap:anywhere}.monitor-charts{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.monitor-chart-card{border:1px solid #2a2d32;border-radius:.55rem;background:#0f1114;padding:.45rem;display:grid;gap:.45rem}.monitor-chart-card h3{margin:0;font-size:.78rem;font-weight:600;color:#b8bcc2}.monitor-chart-card-wide{grid-column:1 / -1}.monitor-chart{width:100%;height:90px;display:block}.monitor-top-targets{display:grid;gap:.45rem;max-height:180px;overflow:auto;color:#9ca1a9;font-size:.76rem}.monitor-target-row{display:grid;gap:.24rem}.monitor-target-header{display:flex;align-items:baseline;justify-content:space-between;gap:.55rem}.monitor-target-label{color:#e2e5e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-target-count{color:#8ee8cc;font-weight:600;flex-shrink:0}.monitor-target-meter{width:100%;height:.36rem;border-radius:999px;overflow:hidden;background:#1a1e23}.monitor-target-fill{display:block;height:100%;background:#40ffc8}.review-modal[hidden]{display:none}.review-modal{position:fixed;inset:0;z-index:34;overflow:auto;padding:.5rem}.review-backdrop{position:absolute;inset:0;background:#0000009e}.review-dialog{position:relative;width:min(1080px,calc(100% - 2rem));margin:2vh auto;border:1px solid var(--line);border-radius:.85rem;background:#101214;padding:.8rem;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.65rem;height:min(92vh,960px);overflow:hidden}.review-header{display:flex;align-items:center;justify-content:space-between}.review-header h2{margin:0;font-size:.95rem;font-weight:600}.review-close{width:auto;border:1px solid var(--line);background:#171a1e;color:var(--text);padding:.35rem .55rem;font-size:.78rem;cursor:pointer}.review-close:hover:not(:disabled){background:#1f2429}.review-summary{border:1px solid #2a2d32;border-radius:.5rem;background:#12161a;color:#bac0c8;padding:.42rem .52rem;font-size:.78rem}.review-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:.65rem;min-height:0;overflow:hidden}.review-stage{position:relative;border:1px solid #2a2d32;border-radius:.55rem;overflow:hidden;background:#0b0d11;min-height:0}.review-frame{width:100%;height:100%;border:0;background:#0b0d11}.review-overlay{position:absolute;inset:0;pointer-events:none}.review-marker{position:absolute;border:1px solid rgba(64,255,200,.95);border-radius:.45rem;box-shadow:0 0 0 1px #0a121099,0 0 0 4px #40ffc82e,inset 0 0 24px #40ffc817;background:#40ffc814;transform:translate(-50%,-50%)}.review-marker-label{position:absolute;top:-1.15rem;left:0;max-width:min(42ch,58vw);border:1px solid #20312d;border-radius:999px;background:#0a100ef5;color:#d9fff5;padding:.13rem .42rem;font-size:.66rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-sidebar{border:1px solid #2a2d32;border-radius:.55rem;background:#0f1114;padding:.5rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.45rem;min-height:0;overflow:hidden}.review-sidebar h3{margin:0;font-size:.78rem;font-weight:600;color:#b8bcc2}.review-events-list{display:grid;gap:.32rem;min-height:0;max-height:100%;overflow:auto;align-content:start}.review-event-btn{border:1px solid #2a2d32;border-radius:.45rem;background:#14181d;color:#e2e6eb;padding:.42rem .5rem;text-align:left;cursor:pointer;display:grid;gap:.16rem}.review-event-btn:hover:not(:disabled){background:#181d24}.review-event-btn.active{border-color:#40ffc8;box-shadow:0 0 0 1px #40ffc873 inset}.review-event-meta{color:#90e6cc;font-size:.69rem}.review-event-target{color:#dde2e8;font-size:.75rem;line-height:1.34;overflow-wrap:anywhere}.toast-host{position:fixed;top:.9rem;right:.9rem;z-index:50;display:grid;gap:.45rem;width:min(340px,calc(100vw - 1.8rem));pointer-events:none}.chat-toast{border:1px solid #2d2f33;border-left-color:#40ffc8;border-radius:.65rem;background:#101214f5;color:#eceff2;padding:.52rem .6rem;box-shadow:0 10px 28px #00000057;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto;cursor:pointer}.chat-toast.visible{opacity:1;transform:translateY(0)}.chat-toast-title{font-size:.76rem;color:#9ca0a6;margin-bottom:.12rem;overflow-wrap:anywhere}.chat-toast-text{font-size:.82rem;line-height:1.35;color:#eceff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.demo-panel{padding:1.25rem}.floating-dock{bottom:.75rem}.dock-btn{width:4.15rem;height:4.15rem}.dock-btn svg{width:1.78rem;height:1.78rem}.portal-preview-panel{width:100vw}.portal-preview-panel.is-collapsed{transform:translate(calc(100% - 2.9rem))}.portal-preview-panel{grid-template-columns:2.9rem minmax(0,1fr)}.monitor-dialog{width:calc(100% - 1rem);left:.5rem;top:.5rem;transform:none;max-height:calc(100vh - 1rem)}.review-dialog{width:calc(100% - 1rem);margin-top:.5rem;height:calc(100vh - 1rem);max-height:calc(100vh - 1rem)}}@media(prefers-reduced-motion:reduce){.chat-toast{transition:none;transform:none}}