:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#27272a;background:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;--violet: #7457f5;--violet-hover: #6447e5;--green: #12b981;--danger: #e5484d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.app{--bg: #fff;--panel: #fafafa;--raised: #fff;--text: #242428;--muted: #71717a;--faint: #a1a1aa;--border: #e4e4e7;--subtle: #f4f4f5;--hover: #eeeeef;width:100%;height:100%;color:var(--text);background:var(--bg)}.app.dark{--bg: #111113;--panel: #0c0c0e;--raised: #18181b;--text: #f4f4f5;--muted: #a1a1aa;--faint: #71717a;--border: #29292d;--subtle: #1d1d20;--hover: #242428}.topbar{height:62px;display:flex;align-items:center;gap:20px;padding:0 18px;color:#f4f4f5;background:#09090b;border-bottom:1px solid #27272a}.brand{display:flex;align-items:center;gap:10px;padding:0;color:inherit;background:none;border:0;font-weight:700;font-size:17px;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;background:#0c0c11;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;box-shadow:0 4px 14px #4734b433,inset 0 1px #ffffff14}.brand-mark img{width:30px;height:30px;display:block;object-fit:contain}.document-name{display:flex;align-items:center;gap:8px;min-width:120px}.document-name input{width:min(26vw,320px);padding:7px 8px;color:#d4d4d8;background:transparent;border:1px solid transparent;border-radius:6px;font-size:14px}.document-name input:hover,.document-name input:focus{background:#18181b;border-color:#3f3f46}.save-dot{width:7px;height:7px;flex:0 0 auto;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px #12b9811f}.topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.icon-button,.small-button,.status-pill,.share-button,.primary-button,.secondary-button,.text-button,.mobile-files{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0}.icon-button{width:34px;height:34px;padding:8px;color:var(--muted);background:transparent;border-radius:7px}.icon-button:hover{color:var(--text);background:var(--hover)}.icon-button svg{width:18px;height:18px}.top-icon{color:#a1a1aa}.top-icon:hover{color:#fff;background:#27272a}.status-pill{height:34px;padding:0 11px;color:#a1a1aa;background:#18181b;border:1px solid #2f2f34;border-radius:7px;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;background:#71717a;border-radius:50%}.status-dot.online{background:var(--green);box-shadow:0 0 0 3px #12b9811f}.share-button{height:36px;padding:0 15px;color:#fff;background:var(--violet);border-radius:7px;font-weight:600;font-size:13px}.share-button:hover,.primary-button:hover{background:var(--violet-hover)}.new-room-header{height:34px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 10px;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:7px;font-size:10px;font-weight:700}.new-room-header:hover{color:var(--violet);border-color:color-mix(in srgb,var(--violet) 45%,var(--border))}.new-room-header svg{width:14px}.share-button svg{width:16px;height:16px}.presence-stack{display:flex;flex-direction:row-reverse;padding-left:6px}.avatar{width:29px;height:29px;display:grid;place-items:center;margin-left:-6px;color:#fff;border:2px solid #09090b;border-radius:50%;font-size:11px;font-weight:700}.workspace{height:calc(100% - 62px);display:flex;min-width:0}.files-panel{width:0;flex:0 0 0;overflow:hidden;color:var(--text);background:var(--panel);border-right:0 solid var(--border);transition:width .18s ease,flex-basis .18s ease}.files-panel.open{width:296px;flex-basis:296px;border-right-width:1px}.files-panel>*{width:295px}.panel-head{height:74px;display:flex;align-items:center;gap:10px;padding:15px 16px 12px}.panel-head>div:first-child{min-width:0;flex:1}.eyebrow{display:block;margin-bottom:3px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.01em}.small-button{height:30px;padding:0 10px;color:var(--text);background:var(--subtle);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600}.small-button:hover{background:var(--hover)}.small-button svg{width:14px;height:14px}.panel-close{display:none}.panel-note{margin:0;padding:0 16px 14px;color:var(--muted);border-bottom:1px solid var(--border);font-size:11px;line-height:1.45}.file-list{height:calc(100% - 156px);overflow-y:auto;padding:8px}.file-row{display:flex;align-items:center;gap:9px;padding:9px 7px;border-radius:7px}.file-row:hover{background:var(--subtle)}.file-row .icon-button{width:28px;height:28px;flex:0 0 auto;padding:6px;opacity:0}.file-row:hover .icon-button,.file-row:focus-within .icon-button{opacity:1}.file-row .danger:hover{color:var(--danger)}.file-icon{width:30px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--violet);background:#7457f51a;border-radius:6px}.file-icon svg{width:16px}.file-details{min-width:0;flex:1}.file-details strong,.file-details>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details strong{font-size:12px;font-weight:600}.file-details>span{margin-top:3px;color:var(--faint);font-size:10px}.progress{height:2px;margin-top:6px;overflow:hidden;background:var(--border);border-radius:2px}.progress span{display:block;height:100%;background:var(--violet);transition:width .1s linear}.empty-files{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:var(--muted);text-align:center}.empty-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:13px;color:var(--faint);background:var(--subtle);border-radius:12px}.empty-icon svg{width:21px}.empty-files strong{margin-bottom:5px;color:var(--text);font-size:12px}.empty-files>span:last-child{font-size:11px;line-height:1.45}.quota-note{height:40px;display:flex;align-items:center;gap:6px;padding:0 15px;color:var(--faint);border-top:1px solid var(--border);font-size:9px}.quota-note svg{width:13px}.editor-shell{min-width:0;display:flex;flex:1;flex-direction:column;background:var(--bg)}.editor-toolbar{height:43px;display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:0 15px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--border);font-size:11px}.select-wrap select{height:28px;padding:0 28px 0 9px;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:5px;font-size:11px;font-weight:600}.language-picker{width:158px;position:relative;flex:0 0 auto}.language-trigger{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 9px;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:6px;font-size:10px}.language-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-trigger svg{width:12px;flex:0 0 auto;transform:rotate(90deg)}.language-menu{width:min(280px,calc(100vw - 20px));position:absolute;z-index:45;top:calc(100% + 7px);left:0;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 48px #00000061}.language-menu>label{display:flex;align-items:center;gap:7px;padding:8px;border-bottom:1px solid var(--border)}.language-menu>label svg{width:15px;color:var(--faint)}.language-menu input{min-width:0;height:34px;flex:1;border:0;background:transparent}.language-options{max-height:min(330px,55dvh);overflow-y:auto;padding:5px}.language-options button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:6px 9px;color:var(--muted);background:transparent;border:0;border-radius:6px;text-align:left;font-size:10px}.language-options button:hover,.language-options button.selected{color:var(--text);background:var(--hover)}.language-options button.selected{color:var(--violet)}.language-options button svg{width:13px}.language-options p{margin:20px 10px;color:var(--faint);text-align:center;font-size:9px}.import-progress{min-height:52px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,2fr) auto;align-items:center;gap:12px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--border)}.import-progress>div{min-width:0;display:flex;flex-direction:column;gap:2px}.import-progress strong{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.import-progress span{color:var(--faint);font-size:8px}.import-progress progress{width:100%;height:6px;accent-color:var(--violet)}.app.importing .editor-host{pointer-events:none}.toolbar-separator{width:1px;height:17px;background:var(--border)}.privacy-state{display:inline-flex;align-items:center;gap:5px}.privacy-state svg{width:13px;color:var(--green)}.toolbar-spacer{flex:1}.local-state{color:var(--faint)}.mobile-files{display:none}.editor-host{min-height:0;flex:1;overflow:hidden}.editor-host .cm-editor,.editor-host .cm-scroller{height:100%}.dialog-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#050507b8;backdrop-filter:blur(5px);animation:fade-in .12s ease-out}.dialog{width:min(100%,440px);max-height:min(720px,calc(100vh - 40px));overflow:auto;color:var(--text, #242428);background:var(--raised, #fff);border:1px solid var(--border, #e4e4e7);border-radius:14px;box-shadow:0 24px 80px #00000059;animation:dialog-in .16s ease-out}.dialog-wide{width:min(100%,560px)}.dialog-head{display:flex;align-items:flex-start;gap:18px;padding:22px 22px 18px;border-bottom:1px solid var(--border, #e4e4e7)}.dialog-head>div{min-width:0;flex:1}.dialog-head h2{margin:0;color:var(--text, #242428);font-size:18px;letter-spacing:-.02em}.dialog-head p{margin:6px 0 0;color:var(--muted, #71717a);font-size:12px;line-height:1.5}.dialog-body{padding:20px 22px 22px}.stack{display:flex;flex-direction:column;gap:14px}.field-group label{display:block;margin-bottom:6px;color:var(--text, #242428);font-size:11px;font-weight:700}.field-group input,.field-group textarea,.copy-field textarea{width:100%;color:var(--text, #242428);background:var(--bg, #fff);border:1px solid var(--border, #d4d4d8);border-radius:7px}.field-group input{height:40px;padding:0 11px}.field-group textarea,.copy-field textarea{min-height:70px;resize:vertical;padding:10px 40px 10px 11px;font-family:JetBrains Mono,Consolas,monospace;font-size:10px;line-height:1.45}.copy-field{position:relative}.copy-field .icon-button{position:absolute;top:7px;right:7px;color:var(--muted);background:var(--subtle)}.field-help{margin:-8px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.primary-button,.secondary-button{min-height:40px;padding:0 16px;border-radius:7px;font-size:12px;font-weight:700}.primary-button{color:#fff;background:var(--violet)}.primary-button svg,.secondary-button svg{width:16px;height:16px}.secondary-button{color:var(--text);background:var(--subtle);border:1px solid var(--border)}.secondary-button:hover{background:var(--hover)}.text-button{padding:5px;color:var(--muted);background:transparent;font-size:11px}.danger-text{color:var(--danger)}.form-error{margin:0 22px 18px;padding:9px 11px;color:#ffb4b7;background:#e5484d1f;border:1px solid rgb(229 72 77 / 25%);border-radius:6px;font-size:11px}.dialog-body .form-error{margin:0}.divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.divider:before,.divider:after{height:1px;flex:1;background:var(--border);content:""}.callout{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;color:var(--muted);background:var(--subtle);border-radius:7px}.callout.success{color:#0d9166;background:#12b9811a}.callout>svg{width:17px;flex:0 0 auto;margin-top:1px}.callout div{display:flex;flex-direction:column;gap:3px}.callout strong{color:var(--text);font-size:11px}.callout span{font-size:10px;line-height:1.4}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row>div{display:flex;flex-direction:column;gap:3px}.setting-row strong{font-size:12px}.setting-row span{color:var(--muted);font-size:10px}.toggle{width:38px;height:22px;position:relative;flex:0 0 auto;padding:2px;background:var(--border);border:0;border-radius:12px}.toggle span{width:18px;height:18px;display:block;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform .14s ease}.toggle.on{background:var(--violet)}.toggle.on span{transform:translate(16px)}.locked-summary{display:flex;align-items:center;gap:8px;padding:12px;color:var(--green);background:#12b98117;border:1px solid rgb(18 185 129 / 18%);border-radius:7px;font-size:11px}.locked-summary svg{width:16px}.toast{position:fixed;z-index:70;right:20px;bottom:20px;padding:11px 15px;color:#fff;background:#27272a;border:1px solid #3f3f46;border-radius:8px;box-shadow:0 12px 36px #0000004d;font-size:12px;animation:toast-in .18s ease-out}.loading-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#a1a1aa;background:#09090b;font-size:12px}.loading-screen>.brand-mark{width:42px;height:42px}.loading-screen>.brand-mark img{width:38px;height:38px}.landing-page{height:100%;min-height:100%;overflow-y:auto;overflow-x:hidden;color:#e8eaf2;background:radial-gradient(circle at 78% 10%,rgb(91 76 255 / 18%),transparent 30rem),radial-gradient(circle at 8% 35%,rgb(18 185 129 / 9%),transparent 27rem),#08090d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landing-nav{width:min(1180px,calc(100% - 40px));min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(255 255 255 / 7%)}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-weight:750;letter-spacing:-.03em;text-decoration:none}.landing-brand img{width:34px;height:34px;object-fit:contain}.landing-nav>div{display:flex;align-items:center;gap:28px}.landing-nav a:not(.landing-brand){display:inline-flex;align-items:center;gap:7px;color:#aeb2c0;font-size:13px;text-decoration:none}.landing-nav a:hover{color:#fff}.landing-nav svg{width:15px}.landing-nav-cta,.landing-primary,.landing-cta button{border:1px solid #7467ff;color:#fff;background:linear-gradient(135deg,#725cff,#5944e9);box-shadow:0 9px 30px #5b44e940}.landing-nav-cta{padding:9px 15px;border-radius:8px;font-size:12px;font-weight:700}.landing-hero{width:min(1180px,calc(100% - 40px));min-height:650px;margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:70px;padding:70px 0 80px}.landing-kicker{display:inline-flex;align-items:center;gap:8px;color:#a99fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.landing-kicker>i{width:7px;height:7px;border-radius:50%;background:#12b981;box-shadow:0 0 0 5px #12b9811f}.hero-copy h1{max-width:650px;margin:22px 0;color:#fff;font-size:clamp(42px,5.3vw,68px);line-height:.99;letter-spacing:-.058em}.hero-copy>p{max-width:625px;margin:0;color:#a8adba;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:32px}.landing-primary,.landing-secondary,.landing-join button,.landing-cta button{min-height:46px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-size:13px;font-weight:750;text-decoration:none}.landing-primary svg,.landing-secondary svg,.landing-cta button svg{width:17px}.landing-secondary{border:1px solid #30323c;color:#e5e7ef;background:#ffffff0a}.hero-trust{margin-top:28px;display:flex;flex-wrap:wrap;gap:19px;color:#7f8492;font-size:11px}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{width:14px;color:#12b981}.hero-product{position:relative}.product-window{overflow:hidden;position:relative;z-index:2;border:1px solid #303340;border-radius:14px;background:#101117;box-shadow:0 35px 90px #0000008c,0 0 0 8px #ffffff05;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.product-window header{height:42px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #242630;color:#858998}.product-window header>span{width:8px;height:8px;border-radius:50%;background:#444755}.product-window header>span:first-child{background:#f26363}.product-window header>span:nth-child(2){background:#e9ad43}.product-window header>span:nth-child(3){background:#34b77a}.product-window header b{margin-left:16px;font-size:10px;font-weight:600}.product-window header em{margin-left:auto;color:#7ce4bd;font-size:9px;font-style:normal}.product-body{min-height:360px;display:grid;grid-template-columns:145px 1fr}.product-body aside{padding:18px 10px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #22242d;color:#858998;font-size:9px}.product-body aside strong{margin:0 7px 8px;color:#5f6370;font-size:8px;letter-spacing:.12em}.product-body aside span{padding:7px;display:flex;align-items:center;gap:7px;border-radius:5px}.product-body aside .selected{color:#e0e2e8;background:#242631}.product-body aside svg{width:12px}.product-body pre{margin:0;padding:29px 23px;color:#d8dae3;background:linear-gradient(110deg,#111218,#0d0e13);font:12px/2.15 Cascadia Code,Consolas,monospace}.product-body pre i{width:24px;display:inline-block;color:#454958;font-style:normal;user-select:none}.token-purple{color:#c298ff}.token-blue{color:#6fcaff}.token-green{color:#65c99a}.product-window footer{height:28px;padding:0 12px;display:flex;align-items:center;gap:17px;border-top:1px solid #242630;color:#6f7380;font-size:8px}.product-window footer span:first-child{display:flex;align-items:center;gap:5px;color:#7ce4bd}.product-window footer i{width:5px;height:5px;border-radius:50%;background:#12b981}.floating-peer{position:absolute;z-index:3;min-width:145px;padding:10px;display:grid;grid-template-columns:32px 1fr;column-gap:9px;border:1px solid #353845;border-radius:10px;color:#fff;background:#16181feb;box-shadow:0 15px 35px #00000059;backdrop-filter:blur(14px)}.floating-peer>span{grid-row:1 / 3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#725cff;font-size:9px;font-weight:800}.floating-peer b{font-size:10px}.floating-peer small{color:#8e93a1;font-size:8px}.peer-one{top:-28px;right:-25px}.peer-two{bottom:18px;left:-45px}.peer-two>span{background:#12a879}.landing-join,.landing-privacy{width:min(1120px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border:1px solid #272a34;border-radius:16px;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.landing-join{grid-template-columns:minmax(250px,.82fr) minmax(430px,1.18fr);padding:44px;gap:clamp(34px,6vw,76px);overflow:hidden;background:radial-gradient(circle at 8% 15%,rgb(103 84 237 / 15%),transparent 37%),linear-gradient(135deg,#ffffff0d,#ffffff05)}.landing-room-intro{align-self:center}.landing-join h2,.section-heading h2,.landing-privacy h2,.landing-cta h2{margin:8px 0;color:#fff;font-size:clamp(26px,3.5vw,40px);letter-spacing:-.04em}.landing-join p,.section-heading p,.landing-privacy>div>p,.landing-cta p{margin:0;color:#8f94a2;font-size:13px;line-height:1.65}.room-benefits{margin-top:25px;display:flex;flex-wrap:wrap;gap:9px}.room-benefits span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #30333d;border-radius:999px;color:#aeb3c2;background:#0c0e13b3;font-size:9px;font-weight:650}.room-benefits svg{width:12px;color:#8b7fff}.landing-room-workspace{min-width:0;padding:7px;border:1px solid #30333f;border-radius:16px;background:#0a0c11d1;box-shadow:0 18px 50px #00000038}.landing-room-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:3px;border-radius:11px;background:#15171e}.landing-room-tabs button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;color:#858a98;background:transparent;font-size:11px;font-weight:750}.landing-room-tabs button.active{color:#fff;background:#252832;box-shadow:0 4px 14px #0003}.landing-room-tabs svg{width:14px}.landing-room-form{min-height:296px;padding:20px 17px 16px;display:flex;flex-direction:column;gap:8px}.landing-room-form label{color:#aeb2c0;font-size:10px;font-weight:700}.landing-room-form label span{margin-left:4px;color:#686d7a;font-weight:500}.room-input{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #30333f;border-radius:8px;background:#0d0f14;transition:border-color .16s,box-shadow .16s}.room-input:focus-within{border-color:#7567ff;box-shadow:0 0 0 3px #7567ff21}.room-input svg{width:14px;flex:0 0 auto;color:#696e7c}.room-input input{width:100%;min-width:0;border:0;outline:0;color:#fff;background:transparent;font-size:12px}.room-input input::placeholder{color:#555a68}.room-url-preview{min-width:0;display:flex;align-items:center;gap:4px;padding:2px 3px 4px;color:#656a77;font-size:9px;white-space:nowrap;overflow:hidden}.room-url-preview svg{width:11px;flex:0 0 auto}.room-url-preview b{min-width:0;overflow:hidden;color:#9f96ff;font-weight:650;text-overflow:ellipsis}.create-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.create-password-grid>div{min-width:0;display:grid;gap:7px}.landing-room-submit{min-height:43px;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#755fff,#5d4bdd);box-shadow:0 8px 22px #5d4bdd38;font-size:11px;font-weight:800}.landing-room-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.landing-room-submit svg{width:14px}.landing-room-form>small{color:#666b78;font-size:9px;line-height:1.4;text-align:center}.landing-room-form .landing-form-error{color:#ff8a9e;font-size:10px;line-height:1.4}.landing-features,.landing-recent{width:min(1180px,calc(100% - 40px));margin:auto;padding:115px 0 20px}.section-heading{max-width:670px;margin:0 auto 45px;text-align:center}.section-heading p{max-width:580px;margin:13px auto 0;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{min-height:195px;padding:25px;border:1px solid #20232c;border-radius:13px;background:#ffffff06;transition:border-color .16s,transform .16s,background .16s}.feature-grid article:hover{border-color:#373b49;background:#ffffff09;transform:translateY(-2px)}.feature-grid article>span,.landing-recent button>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3e3a68;border-radius:9px;color:#b0a8ff;background:#211e39}.feature-grid svg{width:18px}.feature-grid h3{margin:20px 0 9px;color:#f1f2f6;font-size:15px}.feature-grid p{margin:0;color:#878c99;font-size:12px;line-height:1.65}.landing-recent{padding-top:70px}.landing-recent .section-heading{margin:0 0 23px;text-align:left}.landing-recent .section-heading h2{font-size:27px}.landing-recent>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.landing-recent button{padding:14px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;column-gap:11px;border:1px solid #242731;border-radius:11px;text-align:left;color:#fff;background:#101117}.landing-recent button>span{grid-row:1 / 3}.landing-recent button>span svg{width:16px}.landing-recent button>svg{grid-column:3;grid-row:1 / 3;width:14px;color:#686d7b}.landing-recent button b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.landing-recent button small{color:#727785;font-size:9px}.landing-privacy{margin-top:110px;padding:64px}.landing-privacy h2{max-width:590px}.landing-privacy ul{margin:30px 0 0;padding:0;display:grid;gap:17px;list-style:none}.landing-privacy li{display:flex;align-items:flex-start;gap:11px}.landing-privacy li>svg{width:18px;flex:0 0 18px;color:#12b981}.landing-privacy li span{display:grid;gap:3px;color:#858a98;font-size:11px;line-height:1.5}.landing-privacy li b{color:#e6e8ef;font-size:12px}.privacy-flow{min-height:300px;padding:35px;display:grid;grid-template-columns:1fr 90px 1fr;place-items:center;position:relative;border:1px solid #292c36;border-radius:14px;background:#0b0c11}.flow-peer{width:105px;height:105px;display:grid;place-items:center;border:1px solid #393d49;border-radius:17px;color:#d9dbe4;background:#171920;font-size:10px}.flow-peer svg{width:27px;color:#9f94ff}.privacy-flow>i{width:100%;height:1px;position:relative;background:linear-gradient(90deg,#725cff,#12b981)}.privacy-flow>i:after{content:"";width:7px;height:7px;position:absolute;right:0;top:-3px;border-radius:50%;background:#12b981;box-shadow:0 0 12px #12b981}.privacy-flow em{position:absolute;left:50%;bottom:9px;color:#777c89;font-size:7px;font-style:normal;white-space:nowrap;transform:translate(-50%)}.privacy-flow small{position:absolute;bottom:24px;display:flex;align-items:center;gap:6px;color:#6f7582;font-size:9px}.privacy-flow small svg{width:14px;color:#12b981}.landing-cta{width:min(900px,calc(100% - 40px));margin:130px auto 100px;padding:70px 30px;border:1px solid #332e64;border-radius:19px;text-align:center;background:radial-gradient(circle at 50% 100%,rgb(114 92 255 / 25%),transparent 65%),#11101a}.landing-cta img{width:48px;height:48px}.landing-cta h2{max-width:650px;margin:20px auto 12px}.landing-cta button{margin-top:25px}.landing-footer{width:min(1180px,calc(100% - 40px));min-height:100px;margin:auto;display:flex;align-items:center;gap:30px;border-top:1px solid #20222a;color:#6f7481;font-size:10px}.landing-footer p{margin-right:auto}.landing-footer>div{display:flex;gap:20px}.landing-footer>div a{color:#8e93a0;text-decoration:none}.invite-password-fields{margin:0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--border);border-radius:9px}.invite-password-fields legend{padding:0 5px;color:var(--text);font-size:11px;font-weight:700}.invite-password-fields legend span{color:var(--muted);font-weight:500}.invite-password-fields label{display:grid;gap:6px;color:var(--muted);font-size:10px}.invite-password-fields input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--raised)}.invite-password-fields .form-error{grid-column:1 / -1}.invite-another-button{align-self:flex-start}.peer-access-manager{padding:14px;display:grid;gap:9px;border:1px solid var(--border);border-radius:9px;background:var(--subtle)}.peer-manager-heading{display:grid;gap:3px}.peer-manager-heading strong{color:var(--text);font-size:11px}.peer-manager-heading span{color:var(--muted);font-size:9px}.peer-detail-list{display:grid;gap:7px}.peer-detail-card{min-width:0;padding:9px;display:grid;grid-template-columns:32px minmax(110px,1fr) auto auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--raised)}.peer-detail-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;font-size:11px;font-weight:800}.peer-detail-identity{min-width:0;display:grid;gap:3px}.peer-detail-identity strong{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.peer-detail-identity strong em{padding:2px 5px;border-radius:999px;color:var(--muted);background:var(--subtle);font-size:7px;font-style:normal;text-transform:uppercase}.peer-detail-identity strong em.owner{color:#ffd47c;background:#f59f0b1f}.peer-detail-identity>span{overflow:hidden;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.peer-connected-state{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:8px}.peer-connected-state i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}.peer-access-control select{height:32px;min-width:92px;padding:0 7px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--raised);font-size:9px}.peer-access-badge{min-width:64px;padding:5px 7px;border-radius:6px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);font-size:8px;text-align:center}.peer-access-badge.read{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}@media(max-width:560px){.peer-detail-card{grid-template-columns:32px minmax(0,1fr) auto}.peer-connected-state{display:none}}@media(max-width:950px){.landing-hero{grid-template-columns:1fr;gap:80px;padding-top:90px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-product{width:min(620px,100%);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-recent>div:last-child{grid-template-columns:repeat(2,1fr)}.landing-privacy{grid-template-columns:1fr}}@media(max-width:680px){.landing-nav{width:min(100% - 24px,1180px)}.landing-nav>div>a{display:none!important}.landing-nav>div{gap:8px}.landing-hero{width:min(100% - 28px,1180px);min-height:auto;padding:65px 0 80px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions>*{width:100%}.hero-trust{gap:10px 16px}.product-window{transform:none}.product-body{min-height:285px;grid-template-columns:1fr}.product-body aside{display:none}.product-body pre{padding:23px 14px;font-size:10px}.floating-peer{display:none}.landing-join{width:min(100% - 28px,1120px);padding:27px 20px 20px;grid-template-columns:1fr;gap:24px}.landing-room-workspace{width:100%}.create-password-grid{grid-template-columns:1fr}.landing-room-form{min-height:0}.landing-room-submit{margin-top:8px}.feature-grid{grid-template-columns:1fr}.landing-features,.landing-recent{width:min(100% - 28px,1180px);padding-top:85px}.landing-recent>div:last-child{grid-template-columns:1fr}.landing-privacy{width:min(100% - 28px,1120px);margin-top:80px;padding:35px 20px}.privacy-flow{min-height:230px;padding:18px;grid-template-columns:1fr 55px 1fr}.flow-peer{width:78px;height:78px}.landing-cta{width:min(100% - 28px,900px);margin:85px auto 70px;padding:50px 20px}.landing-footer{width:min(100% - 28px,1180px);padding:28px 0;flex-wrap:wrap}.landing-footer p{width:100%;order:3}.invite-password-fields{grid-template-columns:1fr}}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:780px){.topbar{gap:10px;padding:0 11px}.brand>span:last-child,.status-pill,.presence-stack,.top-icon:first-of-type{display:none}.document-name{min-width:0;flex:1}.document-name input{width:100%}.share-button{width:36px;padding:0}.share-button span{display:none}.files-panel{position:fixed;z-index:20;top:62px;bottom:0;left:0;box-shadow:18px 0 45px #00000047}.files-panel.open{width:min(86vw,320px);flex-basis:0}.files-panel.open>*{width:min(86vw,319px)}.panel-close{display:inline-flex;flex:0 0 auto}.mobile-files{display:inline-flex;height:28px;padding:0 8px;color:var(--text);background:var(--subtle);border:1px solid var(--border);border-radius:5px;font-size:11px}.mobile-files svg{width:13px}.privacy-state{display:none}.local-state{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.project-panel{width:0;flex:0 0 0;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--violet) 8%,transparent),transparent 34%),var(--panel);border-right:0 solid var(--border);transition:width .18s ease,flex-basis .18s ease,border-width .18s ease}.project-panel.open{width:292px;flex-basis:292px;border-right-width:1px}.project-panel>*{width:291px}.project-summary{display:flex;flex-direction:column;gap:3px;margin:0 12px 10px;padding:12px;background:color-mix(in srgb,var(--raised) 84%,var(--violet));border:1px solid color-mix(in srgb,var(--border) 75%,var(--violet));border-radius:12px}.project-summary strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-summary span{color:var(--faint);font-size:9px}.project-summary .cross-tab-state{margin-top:4px;color:var(--green)}.project-actions,.project-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 12px 10px}.project-actions button,.project-footer button,.preview-toolbar button,.preview-toolbar select,.inline-actions button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 7px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:7px;font-size:9px}.project-actions button:hover,.project-footer button:hover,.preview-toolbar button:hover{color:var(--text);border-color:color-mix(in srgb,var(--violet) 55%,var(--border))}.project-actions svg,.project-footer svg,.preview-toolbar svg{width:12px}.project-tree-scroll{min-height:0;flex:1;overflow:auto;padding:2px 8px 12px}.project-tree{margin:0;padding:0 0 0 12px;list-style:none}.project-tree-scroll>.project-tree{padding-left:0}.project-tree li{position:relative}.project-tree li.active{background:color-mix(in srgb,var(--violet) 13%,transparent);border-radius:7px}.project-file,.project-folder summary{width:100%;min-height:31px;display:flex;align-items:center;gap:7px;overflow:hidden;padding:0 6px;color:var(--muted);background:transparent;border:0;cursor:pointer;font-size:10px;list-style:none}.project-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-file svg,.project-folder summary svg{width:13px;flex:0 0 auto;color:var(--faint)}.project-row-actions{position:absolute;top:2px;right:3px;display:none;gap:1px;padding-left:10px;background:linear-gradient(90deg,transparent,var(--panel) 20%)}.project-tree li:hover>.project-row-actions,.project-tree li:focus-within>.project-row-actions{display:flex}.project-row-actions button{width:26px;height:26px;display:grid;place-items:center;padding:0;color:var(--faint);background:transparent;border:0;border-radius:5px}.project-row-actions button:hover{color:var(--text);background:var(--hover)}.project-row-actions svg{width:12px}.project-warnings{display:flex;flex-direction:column;gap:4px;margin:6px 12px;padding:9px;color:#d97706;background:color-mix(in srgb,#f59e0b 10%,var(--raised));border:1px solid color-mix(in srgb,#f59e0b 25%,var(--border));border-radius:8px;font-size:8px}.project-footer{grid-template-columns:1fr 1fr;padding-top:9px;border-top:1px solid var(--border)}.manifest-editor{display:flex;flex-direction:column;gap:8px;padding:10px 12px 13px;background:var(--raised);border-top:1px solid var(--border)}.manifest-editor label{display:flex;flex-direction:column;gap:4px;color:var(--faint);font-size:8px}.manifest-editor input,.manifest-editor textarea{width:100%;padding:7px 8px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;resize:vertical}.workbench-panel{width:min(520px,42vw);min-width:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:color-mix(in srgb,var(--panel) 97%,transparent);border-left:1px solid var(--border);box-shadow:-18px 0 48px #0000002e;backdrop-filter:blur(18px)}.workbench-head{height:64px;flex:0 0 auto}.workbench-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 12px 10px}.workbench-tabs button{height:31px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:8px;font-size:9px;font-weight:700;text-transform:capitalize}.workbench-tabs button.active{color:#fff;background:var(--violet);border-color:transparent}.workbench-content,.preview-view{min-height:0;flex:1;overflow:auto;padding:12px}.workbench-actions,.inline-actions{display:flex;gap:7px}.workbench-actions button{min-height:34px;flex:1;padding-inline:10px}.empty-tool{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--faint);text-align:center}.empty-tool svg{width:28px;color:var(--violet)}.empty-tool strong{color:var(--text);font-size:12px}.empty-tool span{font-size:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.metric-grid span{display:flex;flex-direction:column;gap:2px;padding:9px 6px;color:var(--faint);background:var(--raised);border:1px solid var(--border);border-radius:9px;font-size:8px;text-align:center}.metric-grid strong{color:var(--text);font-size:16px}.analysis-view section,.utilities-view section{margin-top:12px;padding:11px;background:var(--raised);border:1px solid var(--border);border-radius:10px}.analysis-view h3,.utilities-view h3{margin:0 0 8px;color:var(--text);font-size:10px}.analysis-view section p{margin:4px 0;color:var(--muted);font-size:9px}.diagnostic{display:flex;flex-direction:column;gap:2px;margin-top:5px;padding:7px 8px;color:var(--muted);background:var(--bg);border-left:3px solid #60a5fa;border-radius:5px;font-size:9px}.diagnostic.warning{border-color:#f59e0b}.diagnostic.error{border-color:#ef4444}.tool-success{color:var(--green)!important}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag-list span{padding:4px 6px;color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent);border-radius:5px;font-size:8px}.preview-view{display:flex;flex-direction:column;gap:8px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:5px;overflow-x:auto;flex:0 0 auto}.preview-toolbar label{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:8px;white-space:nowrap}.preview-canvas{min-height:180px;flex:1;align-self:center;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 34px #0000002e;transition:width .18s ease}.preview-canvas.desktop{width:100%}.preview-canvas.tablet{width:min(768px,85%)}.preview-canvas.mobile{width:min(390px,72%)}.preview-canvas iframe{width:100%;height:100%;min-height:260px;display:block;background:#fff;border:0}.markdown-local,.json-tree,.csv-scroll,.diff-view,.preview-error{min-height:100%;margin:0;padding:18px;color:#27272a;background:#fff;font:13px/1.55 system-ui,sans-serif}.markdown-local code{padding:2px 4px;background:#f4f4f5;border-radius:4px}.json-node{margin-left:13px;font:11px/1.6 monospace}.json-leaf{margin-left:29px;font:11px/1.6 monospace}.csv-scroll{overflow:auto}.csv-scroll table{border-collapse:collapse}.csv-scroll th,.csv-scroll td{padding:5px 8px;border:1px solid #d4d4d8;white-space:nowrap}.diff-view{font-family:monospace;white-space:pre-wrap}.diff-view span{display:block}.diff-view .added{color:#166534;background:#dcfce7}.diff-view .removed{color:#991b1b;background:#fee2e2}.diff-view .hunk{color:#1d4ed8;background:#dbeafe}.console-panel{height:128px;flex:0 0 auto;overflow:hidden;color:#d4d4d8;background:#09090b;border:1px solid #27272a;border-radius:9px}.console-panel>div{height:30px;display:flex;align-items:center;padding:0 9px;border-bottom:1px solid #27272a;font-size:9px}.console-panel button{margin-left:auto;color:#a1a1aa;background:transparent;border:0;font-size:8px}.console-panel pre{height:calc(100% - 30px);margin:0;overflow:auto;padding:7px 9px;font:9px/1.5 monospace}.console-panel .error{color:#fb7185}.console-panel .warn{color:#fbbf24}.utilities-view textarea,.regex-input input{width:100%;padding:8px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:7px;font:10px/1.5 monospace;resize:vertical}.inline-actions{margin-top:7px}.regex-input{display:grid;grid-template-columns:1fr 64px;gap:6px}.utilities-view pre{max-height:220px;overflow:auto;padding:8px;color:var(--muted);background:var(--bg);border-radius:6px;font:9px/1.5 monospace;white-space:pre-wrap}.command-backdrop{position:fixed;z-index:110;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:min(14vh,120px) 16px 16px;background:#00000085;backdrop-filter:blur(6px)}.command-palette{width:min(620px,100%);overflow:hidden;color:var(--text);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,white);border-radius:14px;box-shadow:0 28px 90px #00000073}.command-search{height:54px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--border)}.command-search svg{width:18px;color:var(--violet)}.command-search input{min-width:0;flex:1;color:var(--text);background:transparent;border:0;font-size:15px}.command-search input:focus{outline:none}.command-list{max-height:min(430px,62vh);overflow:auto;padding:7px}.command-list button{width:100%;min-height:52px;display:flex;align-items:center;padding:7px 9px;color:var(--text);background:transparent;border:0;border-radius:8px;text-align:left}.command-list button:hover,.command-list button.active{background:var(--hover)}.command-list button>span{display:flex;flex:1;flex-direction:column;gap:3px}.command-list strong{font-size:11px}.command-list small{color:var(--faint);font-size:9px}.command-list kbd{padding:4px 6px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:5px;font-size:8px}.invite-qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:9px;padding:13px;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:12px;font-size:9px;text-align:center}.invite-qr img{width:min(260px,100%);height:auto}.access-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;border:0}.access-picker legend{grid-column:1 / -1;margin-bottom:6px;color:var(--faint);font-size:9px;font-weight:700}.access-picker label{display:flex;align-items:flex-start;gap:8px;padding:10px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:9px;cursor:pointer}.access-picker label.active{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.access-picker input{position:absolute;opacity:0}.access-picker svg{width:16px;flex:0 0 auto;color:var(--violet)}.access-picker label span{display:flex;flex-direction:column;gap:3px}.access-picker strong{color:var(--text);font-size:10px}.access-picker small{color:var(--faint);font-size:8px;line-height:1.4}@media(max-width:1180px){.project-panel{position:fixed;z-index:24;top:62px;bottom:0;left:0;box-shadow:18px 0 48px #00000040}.workbench-panel{position:fixed;z-index:24;top:62px;right:0;bottom:0}}@media(max-width:780px){.project-panel{top:calc(58px + env(safe-area-inset-top));bottom:calc(62px + env(safe-area-inset-bottom))}.project-panel.open{width:min(90vw,350px);flex-basis:auto}.project-panel>*{width:min(90vw,349px)}.workbench-panel{width:100%;min-width:0;top:calc(58px + env(safe-area-inset-top));bottom:calc(62px + env(safe-area-inset-bottom));box-shadow:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.preview-canvas.mobile{width:82%}.access-picker{grid-template-columns:1fr}.editor-statusbar span:nth-of-type(5){display:none}}.code-file-tabs{min-height:35px;display:flex;align-items:end;gap:2px;overflow-x:auto;padding:4px 7px 0;background:var(--panel);border-bottom:1px solid var(--border);scrollbar-width:thin}.code-file-tabs>div{height:30px;display:flex;align-items:center;flex:0 0 auto;color:var(--faint);border-radius:6px 6px 0 0}.code-file-tabs>div.active{color:var(--text);background:var(--raised);border:1px solid var(--border);border-bottom-color:var(--raised)}.code-file-tabs button{height:100%;display:flex;align-items:center;gap:5px;color:inherit;background:transparent;border:0;font-size:9px}.code-file-tabs button span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-file-tabs svg{width:12px}.code-file-tabs .tab-close{width:23px;padding:0 6px 0 2px}.code-file-tabs .add-file-tab{width:30px;flex:0 0 auto;justify-content:center;color:var(--muted)}.activity-panel,.review-panel,.publish-panel{width:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:var(--panel);transition:width .18s ease}.review-panel.open,.publish-panel.open{width:400px;min-width:340px;border-left:1px solid var(--border)}.review-compose{display:flex;flex-direction:column;gap:7px;padding:10px;border-bottom:1px solid var(--border)}.review-compose>div:last-child{display:flex;gap:6px}.review-compose input[type=number]{width:70px}.mention-row{display:flex;gap:4px;overflow-x:auto}.mention-row button,.review-thread footer button{padding:4px 7px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:999px;font-size:8px;white-space:nowrap}.replying{display:flex;justify-content:space-between;color:var(--violet);font-size:9px}.replying button{color:var(--muted);background:transparent;border:0}.review-list{min-height:0;flex:1;overflow-y:auto;padding:10px}.review-thread{margin-bottom:9px;padding:10px;background:var(--raised);border:1px solid var(--border);border-radius:9px}.review-thread>header{display:flex;align-items:center;gap:7px;font-size:9px}.review-thread>header time{flex:1;color:var(--faint);font-size:8px}.review-thread>header b,.line-link{padding:3px 5px;color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,transparent);border-radius:4px;font-size:7px}.review-thread>p,.review-reply p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.5}.review-reply{margin:7px 0 7px 12px;padding:7px 8px;border-left:2px solid var(--violet)}.review-reply strong{font-size:8px}.review-thread footer{display:flex;gap:5px}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-bottom:1px solid var(--border)}.panel-tabs button{height:31px;color:var(--muted);background:transparent;border:0;border-radius:6px;font-size:9px}.panel-tabs button.active{color:var(--text);background:var(--raised)}.publish-body{min-height:0;display:flex;flex:1;flex-direction:column;gap:11px;overflow-y:auto;padding:11px}.publish-summary,.description-head,.github-user,.source-link{display:flex;align-items:center;gap:8px}.publish-summary strong{font-size:11px}.publish-summary span,.source-link span{color:var(--faint);font-size:8px}.visibility-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.visibility-options button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:8px}.visibility-options button.active{color:var(--violet);border-color:var(--violet)}.visibility-options svg{width:15px}.visibility-options strong{font-size:9px;text-transform:capitalize}.visibility-options span{color:var(--faint);font-size:7px;text-align:center}.description-head{justify-content:space-between;color:var(--muted);font-size:9px}.markdown-preview{min-height:150px;padding:10px;background:var(--raised);border:1px solid var(--border);border-radius:8px;font-size:10px}.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview p{margin:4px 0 8px}.github-auth,.git-action{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--raised);border:1px solid var(--border);border-radius:9px}.github-auth label,.git-action label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:8px}.github-user img{width:28px;height:28px;border-radius:50%}.github-user a{flex:1;color:var(--text);font-size:10px}.device-code{color:var(--muted);font-size:9px;text-align:center}.auth-help{margin:0;color:var(--faint);font-size:8px;line-height:1.45}.device-code strong{color:var(--text);letter-spacing:.12em}.source-link{flex-direction:column;align-items:flex-start;padding:9px;background:var(--raised);border-radius:8px}.source-link a{max-width:100%;overflow:hidden;color:var(--violet);font-size:9px;text-overflow:ellipsis}.source-link code{color:var(--faint);font-size:8px}.publish-result{display:flex;align-items:center;gap:7px;padding:9px;color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);border-radius:8px;font-size:9px}.publish-result svg{width:14px}.activity-panel.open{width:370px;min-width:320px;border-left:1px solid var(--border)}.panel-heading,.runner-head,.call-panel>header{min-height:64px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border)}.panel-heading>div,.runner-head>div,.call-panel>header>div{min-width:0;flex:1}.panel-heading h2,.runner-head h2,.call-panel h2{margin:2px 0 0;font-size:14px}.activity-list{min-height:0;flex:1;overflow-y:auto;padding:11px}.panel-empty{height:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--faint);text-align:center}.panel-empty svg{width:25px;margin-bottom:10px;color:var(--violet)}.panel-empty strong{color:var(--text);font-size:11px}.panel-empty p{max-width:220px;margin:5px;font-size:9px}.activity-entry{padding:10px;margin-bottom:8px;background:var(--raised);border:1px solid var(--border);border-radius:9px}.activity-meta{display:flex;align-items:center;gap:6px}.activity-meta i{width:22px;height:22px;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:8px;font-style:normal}.activity-meta strong{flex:1;font-size:10px}.activity-meta time{color:var(--faint);font-size:8px}.activity-file{min-width:0;display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 7px;color:var(--violet);background:color-mix(in srgb,var(--violet) 9%,var(--bg));border:1px solid color-mix(in srgb,var(--violet) 24%,var(--border));border-radius:6px;font:9px/1.3 SFMono-Regular,Consolas,monospace}.activity-file svg{width:12px;flex:0 0 auto}.activity-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-entry>p{margin:8px 0 5px;color:var(--muted);font-size:9px}.activity-entry>p b{color:var(--text)}.activity-entry pre{max-height:150px;overflow:auto;margin:0;padding:8px;color:var(--muted);background:var(--bg);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.45 SFMono-Regular,Consolas,monospace}.runner-panel{height:0;min-height:0;display:grid;grid-template-columns:minmax(240px,34%) 1fr;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--panel);border-top:0 solid var(--border);transition:height .18s ease,border-width .18s ease}.runner-panel.open{height:min(34dvh,320px);min-height:210px;border-top-width:1px}.runner-head{min-height:49px;grid-column:1 / -1;padding-block:7px}.runner-mode{padding:4px 7px;color:#f59f0b;background:color-mix(in srgb,#f59f0b 12%,transparent);border-radius:999px;font-size:8px}.runner-mode.local{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.runner-controls{min-width:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:10px;border-right:1px solid var(--border)}.runner-controls label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:8px}.runner-controls input,.runner-controls textarea{width:100%}.run-button{margin-top:auto}.runner-output{min-width:0;overflow:auto;padding:11px;color:var(--faint);font-size:9px}.output-meta{display:flex;gap:10px;margin-bottom:8px;text-transform:capitalize}.output-meta strong{color:var(--green)}.runner-output pre{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.5 SFMono-Regular,Consolas,monospace}.runner-output .stdout{color:var(--text)}.runner-output .stderr{color:#fb7185}.runner-privacy{grid-column:1 / -1;display:flex;align-items:center;gap:6px;margin:0;padding:6px 10px;color:var(--faint);background:var(--raised);border-top:1px solid var(--border);font-size:8px}.runner-privacy svg{width:12px}.call-panel{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 110px);position:fixed;z-index:60;top:72px;right:16px;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 70px #00000073;backdrop-filter:blur(18px)}.call-start{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.call-start>span{width:54px;height:54px;display:grid;place-items:center;color:#fff;background:var(--violet);border-radius:16px}.call-start>span svg{width:25px}.call-start strong{margin-top:13px;font-size:15px}.call-start p{max-width:380px;margin:6px 0 17px;color:var(--muted);font-size:10px}.call-start>div{display:flex;gap:8px}.video-grid{min-height:260px;max-height:62dvh;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:5px;overflow-y:auto;padding:5px;background:#050507}.video-tile{min-height:170px;position:relative;overflow:hidden;background:radial-gradient(circle,#252536,#0b0b10);border-radius:8px}.video-tile video{width:100%;height:100%;position:absolute;object-fit:cover;transform:scaleX(-1)}.video-tile span{position:absolute;bottom:7px;left:7px;padding:4px 7px;color:#fff;background:#00000094;border-radius:5px;font-size:9px}.call-controls{display:flex;justify-content:center;gap:9px;padding:11px}.call-controls button{width:39px;height:39px;display:grid;place-items:center;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:50%}.call-controls button.off,.call-controls button.hangup{color:#fff;background:#e5484d;border-color:transparent}.call-controls svg{width:17px}@media(max-width:1050px){.activity-panel,.review-panel,.publish-panel{position:fixed;z-index:20;top:50px;right:0;bottom:0;box-shadow:-18px 0 45px #0000003d}}@media(max-width:780px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.activity-panel,.review-panel,.publish-panel{top:calc(58px + env(safe-area-inset-top));bottom:calc(62px + env(safe-area-inset-bottom))}.activity-panel.open,.review-panel.open,.publish-panel.open{width:min(92vw,380px);min-width:0}.runner-panel{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.runner-panel.open{height:min(52dvh,410px)}.runner-controls{display:grid;grid-template-columns:1fr auto;border-right:0;border-bottom:1px solid var(--border)}.runner-controls label:first-child{grid-column:1 / -1}.runner-output{min-height:90px}.call-panel{width:100%;max-height:calc(100dvh - 58px - env(safe-area-inset-top));top:calc(58px + env(safe-area-inset-top));right:0;border-right:0;border-left:0;border-radius:0 0 14px 14px}.video-grid{grid-template-columns:repeat(2,1fr)}.video-tile{min-height:130px}.new-room-header{width:36px;padding:0;justify-content:center}.new-room-header span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body,#root{overscroll-behavior:none}.app{min-height:100dvh}.desktop-tools{display:flex;align-items:center;gap:2px}.workspace{position:relative}.files-scrim,.mobile-nav{display:none}.toolbar-action{height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:var(--muted);background:transparent;border:0;border-radius:5px;font-size:10px}.toolbar-action:hover{color:var(--text);background:var(--hover)}.mobile-import,.mobile-editor-actions{display:none}.toolbar-action svg{width:13px;height:13px}.editor-statusbar{height:29px;display:flex;align-items:center;gap:14px;flex:0 0 auto;padding:0 14px;color:var(--faint);background:var(--panel);border-top:1px solid var(--border);font-size:9px}.network-state{display:inline-flex;align-items:center;gap:5px}.network-state>span{width:6px;height:6px;background:var(--green);border-radius:50%}.network-state.offline>span{background:#f59f0b}.status-spacer{flex:1}.drop-overlay{position:absolute;z-index:35;inset:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text);background:color-mix(in srgb,var(--raised) 88%,transparent);border:2px dashed var(--violet);border-radius:14px;backdrop-filter:blur(10px);pointer-events:none}.drop-overlay>span{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;color:#fff;background:var(--violet);border-radius:14px}.drop-overlay svg{width:24px}.drop-overlay strong{font-size:16px}.drop-overlay small{margin-top:5px;color:var(--muted)}.field-group select{width:100%;height:40px;padding:0 10px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:7px}.setting-row.compact{min-height:40px}.settings-section{display:flex;flex-direction:column;gap:13px}.section-label{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.preference-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:end}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}@media(max-width:780px){.app{height:100dvh}.topbar{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 9px 0}.desktop-tools,.top-icon{display:none}.document-name input{min-width:0;font-size:13px}.workspace{height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.files-panel{top:calc(58px + env(safe-area-inset-top));bottom:calc(62px + env(safe-area-inset-bottom))}.files-scrim{position:fixed;z-index:19;inset:calc(58px + env(safe-area-inset-top)) 0 calc(62px + env(safe-area-inset-bottom));display:block;padding:0;background:#00000075;border:0;backdrop-filter:blur(2px)}.editor-toolbar{gap:8px;padding:0 9px}.language-picker{width:min(126px,35vw)}.language-menu{position:fixed;top:calc(106px + env(safe-area-inset-top));right:10px;left:10px;width:auto}.import-progress{grid-template-columns:1fr auto}.import-progress progress{grid-column:1 / -1;grid-row:2}.mobile-import{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:6px;font-size:9px}.mobile-import svg{width:13px}.privacy-state{display:none}.mobile-editor-actions{display:flex;gap:3px;margin-left:auto}.mobile-editor-actions button{width:29px;height:29px;display:grid;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:6px}.mobile-editor-actions svg{width:14px}.toolbar-action,.toolbar-separator,.local-state{display:none}.editor-statusbar{gap:10px;padding:0 9px}.editor-statusbar span:nth-of-type(3){display:none}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom));position:fixed;z-index:18;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 5px env(safe-area-inset-bottom);color:var(--muted);background:color-mix(in srgb,var(--panel) 96%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(16px)}.mobile-nav button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:inherit;background:transparent;border:0;border-radius:8px;font-size:9px}.mobile-nav button:active{background:var(--hover)}.mobile-nav svg{width:18px;height:18px}.mobile-nav .mobile-share{color:#fff;background:var(--violet)}.dialog-backdrop{align-items:end;padding:0}.dialog,.dialog-wide{width:100%;max-height:min(88dvh,760px);border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.file-row .icon-button{opacity:1}.drop-overlay{inset:9px}}@media(max-width:390px){.brand-mark{width:32px;height:32px}.share-button{width:34px;height:34px}.document-name{gap:5px}.save-dot{display:none}.editor-statusbar{font-size:8px}.editor-statusbar span:nth-of-type(4){display:none}.preference-grid{grid-template-columns:1fr;gap:12px}.dialog-head{padding:18px 16px 15px}.dialog-body{padding:17px 16px 20px}}.chat-panel{width:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:var(--panel);border-left:0 solid var(--border);transition:width .18s ease,border-width .18s ease}.chat-panel.open{width:340px;min-width:300px;border-left-width:1px}.chat-head{min-height:67px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.chat-head>div{min-width:0;flex:1}.chat-head h2{margin:2px 0 0;font-size:15px}.eyebrow{color:var(--faint);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.peer-count{flex:0 0 auto;padding:4px 7px;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);border-radius:999px;font-size:9px}.peer-roster{min-height:43px;display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-bottom:1px solid var(--border);scrollbar-width:none}.peer-roster span{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:3px 7px 3px 3px;color:var(--muted);background:var(--raised);border-radius:999px;font-size:9px}.peer-roster i{width:21px;height:21px;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:9px;font-style:normal;font-weight:700}.chat-messages{min-height:0;flex:1;overflow-y:auto;padding:15px 12px}.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.chat-empty>span{width:43px;height:43px;display:grid;place-items:center;margin-bottom:10px;color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent);border-radius:13px}.chat-empty svg{width:21px}.chat-empty strong{font-size:12px}.chat-empty p{max-width:220px;margin:5px 0;color:var(--faint);font-size:9px;line-height:1.5}.chat-message{max-width:88%;margin:11px 0 0}.chat-message.grouped{margin-top:3px}.chat-message.mine{margin-left:auto}.message-meta{display:flex;gap:7px;align-items:center;margin:0 3px 4px;color:var(--faint);font-size:8px}.message-meta strong{color:var(--muted);font-size:9px}.chat-message.mine .message-meta{justify-content:flex-end}.chat-message p{margin:0;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--raised);border:1px solid var(--border);border-radius:4px 11px 11px;font-size:10px;line-height:1.5}.chat-message.mine p{color:#fff;background:var(--violet);border-color:transparent;border-radius:11px 4px 11px 11px}.chat-compose{display:flex;align-items:end;gap:7px;padding:10px;border-top:1px solid var(--border)}.chat-compose textarea{min-height:38px;max-height:110px;flex:1;resize:vertical}.send-button{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--violet);border:0;border-radius:9px}.send-button:disabled{opacity:.38}.send-button svg{width:16px}.invite-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.invite-steps span{display:flex;align-items:center;gap:6px;padding:8px;color:var(--muted);background:var(--raised);border:1px solid var(--border);border-radius:8px;font-size:9px}.invite-steps b{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--violet);border-radius:50%;font-size:8px}.onboarding-visual{display:flex;align-items:center;gap:12px;padding:12px;background:color-mix(in srgb,var(--violet) 9%,var(--raised));border:1px solid color-mix(in srgb,var(--violet) 32%,var(--border));border-radius:10px}.onboarding-visual>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--violet);border-radius:10px}.onboarding-visual div{display:flex;flex-direction:column;gap:3px}.onboarding-visual strong{font-size:11px}.onboarding-visual small{color:var(--muted);font-size:9px}@media(max-width:1050px){.chat-panel{position:fixed;z-index:20;top:50px;right:0;bottom:0;box-shadow:-18px 0 45px #0000003d}}@media(max-width:780px){.chat-panel{top:calc(58px + env(safe-area-inset-top));bottom:calc(62px + env(safe-area-inset-bottom))}.chat-panel.open{width:min(90vw,360px);min-width:0}.invite-steps{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(6,1fr)}}.files-panel.improved{display:flex;flex-direction:column;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,#2e90fa 8%,transparent),transparent 30%),var(--panel)}.files-panel.improved.open{width:360px;flex-basis:360px}.files-panel.improved>*{width:359px}.sharing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 10px}.sharing-summary span{display:flex;flex-direction:column;gap:2px;padding:8px 6px;color:var(--faint);background:var(--raised);border:1px solid var(--border);border-radius:9px;font-size:8px;text-align:center}.sharing-summary strong{color:var(--text);font-size:12px}.file-dropzone{min-height:62px;display:flex;align-items:center;gap:10px;margin:0 12px 10px;padding:10px 12px;color:var(--muted);background:color-mix(in srgb,var(--violet) 5%,var(--raised));border:1px dashed color-mix(in srgb,var(--violet) 60%,var(--border));border-radius:11px;text-align:left}.file-dropzone:hover,.file-dropzone.dragging{color:var(--text);background:color-mix(in srgb,var(--violet) 12%,var(--raised));border-color:var(--violet)}.file-dropzone>svg{width:23px;flex:0 0 auto;color:var(--violet)}.file-dropzone>span{display:flex;flex-direction:column;gap:3px}.file-dropzone strong{font-size:10px}.file-dropzone small{color:var(--faint);font-size:8px}.file-browser-tools{padding:0 12px 8px;border-bottom:1px solid var(--border)}.file-browser-tools label{height:33px;display:flex;align-items:center;gap:7px;padding:0 9px;background:var(--raised);border:1px solid var(--border);border-radius:8px}.file-browser-tools label svg{width:13px;color:var(--faint)}.file-browser-tools input{min-width:0;flex:1;color:var(--text);background:transparent;border:0;font-size:9px}.file-browser-tools input:focus{outline:0}.file-browser-tools>div{display:flex;gap:4px;margin-top:6px}.file-browser-tools>div button{min-width:52px;height:25px;padding:0 9px;color:var(--faint);background:transparent;border:1px solid transparent;border-radius:6px;font-size:8px;text-transform:capitalize}.file-browser-tools>div button.active{color:var(--text);background:var(--raised);border-color:var(--border)}.files-panel.improved .file-list{height:auto;min-height:0;flex:1;padding:7px}.file-row.enhanced{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 5px;padding:7px;border:1px solid transparent;border-radius:10px}.file-row.enhanced:hover{background:var(--raised);border-color:var(--border)}.file-main{min-width:0;display:flex;align-items:center;gap:9px;padding:0;color:var(--text);background:transparent;border:0;text-align:left}.file-main:disabled{cursor:default}.file-row.enhanced .file-icon{width:38px;height:42px;border-radius:9px}.file-icon.image{color:#ec4899;background:color-mix(in srgb,#ec4899 12%,transparent)}.file-icon.video,.file-icon.audio{color:#2e90fa;background:color-mix(in srgb,#2e90fa 12%,transparent)}.file-icon.archive{color:#f59e0b;background:color-mix(in srgb,#f59e0b 12%,transparent)}.file-icon.code{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.file-details .availability{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:8px}.availability i{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%}.availability.offline{color:#f59e0b}.availability.offline i{background:#f59e0b}.file-actions{display:flex;align-items:center;gap:1px}.file-actions button{width:27px;height:27px;display:grid;place-items:center;padding:0;color:var(--faint);background:transparent;border:0;border-radius:6px}.file-actions button:hover{color:var(--text);background:var(--hover)}.file-actions button.danger:hover{color:var(--danger)}.file-actions svg{width:13px}.file-transfer-inline{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:4px;padding:5px 3px 0 47px;color:var(--faint);font-size:8px}.file-transfer-inline strong{font-weight:500}.file-transfer-inline>div{height:3px;grid-column:1 / -1;overflow:hidden;background:var(--border);border-radius:999px}.file-transfer-inline>div i{height:100%;display:block;background:linear-gradient(90deg,var(--violet),#2e90fa);border-radius:inherit;transition:width .12s linear}.file-transfer-inline.done{color:var(--green)}.file-transfer-inline.failed{color:var(--danger)}.transfer-tray{flex:0 0 auto;padding:9px 12px;background:var(--raised);border-top:1px solid var(--border)}.transfer-tray>div{display:flex;align-items:center;margin-bottom:6px;font-size:9px}.transfer-tray>div button{margin-left:auto;color:var(--faint);background:transparent;border:0;font-size:8px}.transfer-tray>span{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:8px}.transfer-tray>span svg{width:11px}.transfer-tray>span b{margin-left:auto;font-weight:600;text-transform:capitalize}.transfer-tray>span.done{color:var(--green)}.transfer-tray>span.failed{color:var(--danger)}.file-preview-body{min-height:320px;display:flex;flex-direction:column;gap:12px}.file-preview-body>img,.file-preview-body>video,.file-preview-body>iframe{width:100%;max-height:min(62vh,620px);flex:1;object-fit:contain;background:#09090b;border:1px solid var(--border);border-radius:10px}.file-preview-body>iframe{min-height:480px}.file-preview-body>audio{width:100%;margin:auto 0}.file-preview-body>pre{max-height:min(62vh,620px);flex:1;overflow:auto;margin:0;padding:14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;font:10px/1.55 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.file-preview-unavailable{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--faint);text-align:center}.file-preview-unavailable svg{width:38px;color:var(--violet)}.file-preview-unavailable strong{color:var(--text)}.file-preview-unavailable span{max-width:300px;font-size:9px}@media(max-width:1050px){.files-panel.improved.open{width:min(92vw,380px);flex-basis:auto}.files-panel.improved>*{width:min(92vw,379px)}}@media(max-width:780px){.files-panel.improved.open{width:min(94vw,380px)}.files-panel.improved>*{width:min(94vw,379px)}.files-panel.improved .file-row .icon-button{opacity:1}}.top-icon[aria-pressed=true],.toolbar-action[aria-pressed=true],.mobile-editor-actions button[aria-pressed=true],.mobile-files[aria-pressed=true]{color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,var(--raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 38%,transparent)}.mobile-nav button.active{color:var(--violet)}@media(min-width:1051px){.activity-panel.open,.review-panel.open,.publish-panel.open,.chat-panel.open{width:clamp(320px,30vw,400px);min-width:0}.workbench-panel{width:clamp(360px,38vw,520px);min-width:0}}@media(max-width:780px){.files-scrim{background:#0000002e;backdrop-filter:none}.files-panel.open,.project-panel.open,.chat-panel.open,.activity-panel.open,.review-panel.open,.publish-panel.open,.workbench-panel{top:auto;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));left:8px;height:min(68dvh,620px);max-height:calc(100dvh - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 55px #00000057}.files-panel.open,.files-panel.improved.open,.project-panel.open,.chat-panel.open,.activity-panel.open,.review-panel.open,.publish-panel.open,.workbench-panel{width:auto;min-width:0;flex-basis:auto}.files-panel>*,.files-panel.improved>*,.project-panel>*{width:100%}.runner-panel.open{height:min(38dvh,300px);min-height:190px}}.invite-room-status,.signal-card-summary,.invite-primary-action{display:flex;align-items:center;gap:11px}.invite-room-status{padding:11px 12px;background:color-mix(in srgb,var(--green) 8%,var(--raised));border:1px solid color-mix(in srgb,var(--green) 24%,var(--border));border-radius:11px}.invite-room-status>div,.signal-card-summary>div,.invite-primary-action>div{min-width:0;flex:1}.invite-room-status strong,.invite-room-status span,.signal-card-summary strong,.signal-card-summary span,.invite-primary-action strong,.invite-primary-action p{display:block}.invite-room-status strong,.signal-card-summary strong,.invite-primary-action strong{color:var(--text);font-size:11px}.invite-room-status>div>span,.signal-card-summary>div>span{margin-top:3px;color:var(--muted);font-size:9px}.signal-card-icon,.invite-action-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--violet);background:color-mix(in srgb,var(--violet) 13%,var(--raised));border-radius:9px}.signal-card-icon svg,.invite-action-icon svg{width:16px}.signal-card{padding:12px;background:color-mix(in srgb,var(--raised) 92%,var(--violet));border:1px solid color-mix(in srgb,var(--border) 78%,var(--violet));border-radius:12px}.signal-ready{display:inline-flex!important;align-items:center;gap:5px;flex:0 0 auto;color:var(--green)!important;font-size:8px!important;font-weight:700}.signal-ready i{width:6px;height:6px;background:var(--green);border-radius:50%}.signal-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.signal-actions .primary-button,.signal-actions .secondary-button{min-height:36px;padding-inline:11px}.signal-actions .primary-button{flex:1 1 145px}.signal-actions svg,.response-paste button svg,.invite-create-button svg{width:14px}.signal-details-toggle{margin-left:auto;font-size:9px}.signal-details{margin-top:10px}.signal-details label{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:700}.signal-details textarea{width:100%;max-height:92px;resize:vertical;padding:9px;overflow:auto;color:var(--faint);background:var(--bg);border:1px solid var(--border);border-radius:7px;font:8px/1.4 SFMono-Regular,Consolas,monospace;word-break:break-all}.signal-error{margin:8px 0 0;color:var(--danger);font-size:9px;line-height:1.45}.invite-primary-action{flex-wrap:wrap;padding:14px;background:var(--raised);border:1px solid var(--border);border-radius:12px}.invite-primary-action p{margin:4px 0 0;color:var(--muted);font-size:9px}.invite-primary-action .primary-button{flex:0 0 auto}.invite-steps span.active{color:var(--text);background:color-mix(in srgb,var(--violet) 11%,var(--raised));border-color:color-mix(in srgb,var(--violet) 38%,var(--border))}.invite-steps span.done b{background:var(--green)}.response-paste{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:var(--raised);border:1px solid var(--border);border-radius:12px}.invite-waiting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-6px}.invite-waiting-row>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.invite-waiting-row i{width:6px;height:6px;background:#f59f0b;border-radius:50%}.invite-waiting-row .text-button{font-size:9px}.response-paste>div label,.response-paste>div span{display:block}.response-paste label{color:var(--text);font-size:10px;font-weight:700}.response-paste>div span{margin-top:3px;color:var(--muted);font-size:8px}.response-paste textarea{width:100%;min-height:40px;max-height:76px;resize:vertical;padding:11px;overflow:hidden;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:7px;font:9px/1.4 SFMono-Regular,Consolas,monospace;white-space:nowrap}.response-paste .signal-error{grid-column:1 / -1}.recovery-details{color:var(--muted);border-top:1px solid var(--border)}.recovery-details summary{padding-top:12px;cursor:pointer;color:var(--muted);font-size:9px;font-weight:700}.recovery-details>p{margin:7px 0;font-size:9px;line-height:1.45}.recovery-details .signal-card{margin-top:8px}@media(max-width:560px){.signal-actions .secondary-button{flex:1 1 100px}.invite-primary-action .primary-button,.response-paste{width:100%}.response-paste{grid-template-columns:1fr}.invite-steps{gap:4px}.invite-steps span{padding:7px 5px;font-size:8px}}