.room-frame{position:relative;display:flex;flex-direction:column;height:100%;min-height:520px;overflow:hidden;border:1px solid #e3ddcb;border-radius:14px;background:#fff;box-shadow:0 30px 80px -50px rgb(1 34 18/35%);font-family:Inter Tight,Arial,sans-serif;color:#191F18}.room-chrome{display:flex;align-items:center;height:40px;flex:none;gap:12px;padding:0 10px;background:#F0ECE0;border-bottom:1px solid #e3ddcb;font-size:11px}.room-chrome svg{width:14px;height:14px;flex:none}.room-chrome>svg:first-child{color:#4F7F2C;width:18px;height:20px}.room-window-tab{display:flex;align-items:center;gap:6px;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#585F52}.room-window-tab.selected{background:#fff;border-radius:6px;color:#191F18}.room-share{margin-left:auto;flex:none;border:1px solid #cfc9b4;border-radius:5px;padding:3px 8px}.room-body{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.room-rail{flex:none;align-items:center;width:52px;padding:12px 0;border-right:1px solid #e3ddcb;background:#F0ECE0}.room-rail,.room-rail>div{display:flex;flex-direction:column}.room-rail>div{gap:18px;margin-top:auto}.room-rail svg{width:18px;height:18px;color:#585F52}.room-library{flex:none;width:230px;padding:12px 10px;border-right:1px solid #e3ddcb;font-size:11px;overflow:hidden}.room-library h3{display:flex;justify-content:space-between;margin-bottom:20px;font-size:13px;font-weight:500}.room-library h4{display:flex;align-items:center;gap:5px;margin:18px 0 9px;font-weight:500}.room-library p{display:flex;gap:6px;align-items:center;margin-bottom:11px;color:#585F52}.room-library p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-bundle svg,.room-library svg{width:13px;height:13px;flex:none}.room-library-stage{flex:1;min-width:0;position:relative;background:#F6F3EC;padding:26px}.room-bundles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.room-bundle{position:relative;border:1.5px dashed #0a3b20;border-radius:14px;padding:22px 12px 12px;background:rgb(154 224 100/6%);min-height:116px}.room-bundle h4{display:flex;align-items:center;gap:5px;position:absolute;left:8px;right:4px;top:-10px;width:fit-content;max-width:calc(100% - 12px);background:#F6F3EC;padding:0 4px;font:italic 14px/1.1 "Instrument Serif",serif;color:#0a3b20}.room-bundle h4 span{font:9px/1 Menlo,monospace;flex:none}.room-file{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3ddcb;border-radius:6px;font-size:10.5px;padding:7px 6px;margin-top:6px;opacity:0;transform:translateY(90px) scale(.9);transition:transform .55s,opacity .45s}.room-file[data-arrived=true]{opacity:1;transform:none}.room-file span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-drop{position:absolute;bottom:26px;left:26px;right:26px;padding:20px;text-align:center;border:1px dashed #cfc9b4;border-radius:10px;color:#585F52;font-size:13px;transition:background .4s}.room-drop[data-active=true]{background:#E3EFD6}.room-paper-view{flex:1;min-width:0;padding:22px;overflow:hidden;background:#F0ECE0}.room-paper{background:#fff;padding:24px;min-height:100%;box-shadow:0 8px 20px -15px rgb(1 34 18/30%);font-size:12px;line-height:1.65;transition:transform 1.2s}.room-paper[data-scrolled=true]{transform:translateY(-170px)}.room-paper h3{font:24px/1.12 "Instrument Serif",serif;margin-bottom:8px}.room-paper figcaption,.room-paper small{color:#585F52;font:9px/1.5 Menlo,monospace}.room-paper h4{font-weight:600;margin-top:20px;margin-bottom:7px}.room-paper p{margin:8px 0}.room-highlight{background:#E3EFD6;box-shadow:0 0 0 2px #E3EFD6;transition:background .4s}.room-thread{display:flex;flex-direction:column;flex:none;width:300px;min-width:0;border-left:1px solid #e3ddcb;background:#fff;font-size:12px}.room-thread-title{flex:none;padding:14px 12px;font-size:10px;border-bottom:1px solid #e3ddcb;color:#585F52;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-thread-title b{color:#191F18;font-weight:500}.room-messages{flex:1;overflow:hidden;padding:16px 12px;line-height:1.6}.room-question{background:#F0ECE0;border:1px solid #e3ddcb;border-radius:10px;padding:9px 10px;margin:0 0 12px 16px;animation:room-appear .35s both}.room-answer{margin:12px 0 18px;animation:room-appear .4s both}.room-reading{display:flex;align-items:center;gap:7px;margin:16px 0;color:#585F52;font:italic 13px/1.3 "Instrument Serif",serif}.room-reading svg{width:16px;height:18px;color:#4F7F2C;flex:none}.room-citation{display:inline-block;padding:0 4px;border-radius:4px;color:#2F5417;background:#E3EFD6;font:9px/1.7 Menlo,monospace}.room-composer{flex:none;margin:8px;border:1px solid #cfc9b4;border-radius:10px;padding:9px;font-size:11px}.room-context{font-size:8px;color:#585F52}.room-composer p{min-height:34px;margin:9px 0;color:#585F52}.room-composer>div{display:flex;align-items:center;justify-content:space-between}.room-composer svg{width:14px;height:14px}.room-composer>div>span{padding:5px;border-radius:6px;background:#F0ECE0}.room-composer .ready{background:#9ae064}.room-cursor{position:absolute;width:18px;height:18px;pointer-events:none;transition:left .6s,top .6s,opacity .25s,transform .15s;filter:drop-shadow(0 2px 3px rgb(25 31 24/25%))}.room-cursor path{fill:#FBF9F1;stroke:#191F18;stroke-width:1.1;stroke-linejoin:round}.room-cursor[data-pressed=true]{transform:scale(.85)}.room-video{display:flex;align-items:center;justify-content:center;height:150px;background:#012212;color:#d3f9c0;border-radius:8px;margin:18px 0 10px;position:relative}.room-video>svg{width:36px;height:36px}.room-video>span{position:absolute;left:16px;bottom:12px;font:18px "Instrument Serif",serif}.room-video small{display:block;color:#9ae064;margin-top:4px}.room-video-progress{height:3px;background:#F0ECE0;margin-bottom:5px}.room-video-progress i{display:block;height:100%;background:#4F7F2C;transition:width 1.6s}.room-document{position:relative;flex:1;min-width:0;overflow:hidden;background:#fff}.room-document-bar{display:flex;align-items:center;gap:7px;padding:18px 24px 12px;font-size:13px;color:#585F52;background:#fff;position:relative;z-index:1}.room-document-bar svg{width:15px;height:15px;flex:none}.room-document-bar span{flex:1}.room-document-page{padding:12px 36px 40px;font-size:13px;line-height:1.75;transition:transform .9s}.room-document-page h3{font:24px/1.2 "Instrument Serif",serif;margin:10px 0}.room-document-page p,.room-document-page ul{margin-bottom:16px}.room-document-page ul{list-style:disc;padding-left:18px}.room-document-page li{margin-bottom:8px}.room-document-page figcaption{font-size:9px;color:#585F52}.room-inserted{animation:room-appear .45s both}.room-table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.5;margin:14px 0}.room-table td,.room-table th{padding:6px 4px;text-align:left;border-bottom:1px solid #e3ddcb}.room-table th{color:#585F52;font-weight:500}.room-format-bar{position:absolute;top:106px;left:40px;display:flex;gap:16px;align-items:center;padding:8px 12px;border:1px solid #cfc9b4;border-radius:6px;background:#FBF9F1;box-shadow:0 6px 20px rgb(25 31 24/10%);font-size:12px}.room-format-bar [data-active=true]{color:#2F5417;background:#E3EFD6}.room-drag-figure{position:absolute;top:40%;left:20px;width:180px;padding:9px;border:1px solid #cfc9b4;background:#FBF9F1;border-radius:8px;font-size:10px;transform:rotate(-5deg);transition:transform .5s,left .5s,top .5s}.room-drag-figure[data-dropping=true]{left:35%;top:58%;transform:rotate(0)}.room-add-result{display:flex;align-items:center;gap:5px;width:fit-content;padding:6px 9px;margin-top:14px;border:1px solid #cfc9b4;border-radius:6px;font-size:11px}.room-add-result svg{width:12px;height:12px}.room-add-result[data-added=true]{background:#d3f9c0;border-color:#9ae064}.room-canvas{flex:1;position:relative;overflow:hidden;background:#F6F3EC;background-image:radial-gradient(#E3DDCB 1.1px,transparent 0);background-size:24px 24px}.room-canvas-world{position:absolute;width:1800px;height:1200px;transform-origin:0 0;transition:transform 1.8s cubic-bezier(.4,.05,.2,1)}.room-canvas-bundle{position:absolute;border:1.5px dashed #0a3b20;border-radius:18px;background:rgb(154 224 100/7%);transition:opacity .5s,background .4s}.room-canvas-bundle>span{position:absolute;left:14px;top:-11px;display:flex;align-items:center;gap:6px;background:#F6F3EC;padding:0 6px;font:italic 14px "Instrument Serif",serif;color:#0a3b20}.room-canvas-bundle svg{width:13px;height:13px}.room-canvas-bundle[data-selected=true]{border-style:solid;background:rgb(154 224 100/14%)}.room-canvas-edges{position:absolute;inset:0;width:1800px;height:1200px;transition:opacity .7s}.room-canvas-edges path{stroke:#CFC9B4;stroke-width:1.5;fill:none;transition:opacity .5s}.room-canvas-node{position:absolute;overflow:hidden;border:1px solid #cfc9b4;border-radius:10px;background:#fff;box-shadow:0 14px 34px -26px rgb(1 34 18/45%);transition:opacity .6s}.room-canvas-node[data-kind=note]{background:#E3EFD6}.room-canvas-node[data-kind=made],.room-new-node{border-color:#9ae064;box-shadow:0 0 0 1.5px rgb(154 224 100/40%)}.room-canvas-node h4{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;color:#585F52;padding:8px 10px 0;white-space:nowrap}.room-canvas-node h4 svg{width:11px;height:11px;flex:none}.room-canvas-node img{width:100%;height:110px;object-fit:cover;margin-top:5px}.room-canvas-node .room-cost-chart{width:calc(100% - 20px);margin:8px 10px}.room-node-lines{padding:8px 10px}.room-node-lines b,.room-node-lines i{display:block;height:4px;background:#E3DDCB;margin:6px 0;border-radius:9px;width:80%}.room-node-lines b{width:60%;height:5px;background:#CFC9B4}.room-node-lines i:nth-child(3){width:65%}.room-node-video{display:flex;justify-content:center;align-items:center;height:60px;margin:6px 10px;border-radius:6px;background:#012212;color:#9ae064}.room-node-video svg{width:24px;height:24px}.room-wave{display:flex;align-items:center;gap:3px;height:44px;padding:10px}.room-wave i{flex:1;height:60%;border-radius:9px;background:rgb(79 127 44/40%)}.room-wave i:nth-child(odd){height:35%}.room-wave i:nth-child(3n){height:85%}.room-grouped{position:absolute;left:470px;top:20px;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #cfc9b4;border-radius:20px;background:#FBF9F1;font-size:12px}.room-grouped svg{width:14px;height:14px}.room-marquee{position:absolute;left:32px;top:532px;width:616px;height:356px;border:1.5px dashed #0a3b20;background:rgb(154 224 100/10%);transform-origin:top left;animation:room-marquee .7s both}.room-new-node{animation:room-appear .5s both}.room-zoom{position:absolute;bottom:14px;left:16px;background:#FBF9F1;border:1px solid #cfc9b4;border-radius:6px;padding:5px 8px;font:10px Menlo,monospace}@keyframes room-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes room-marquee{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:1240px){.room-library{width:190px}.room-library-stage{padding:18px}.room-thread{width:270px}.room-paper-view{padding:16px}.room-paper{padding:18px}}@media (max-width:1100px){.room-library{display:none}}.marketing-rooms{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:26px 44px;align-items:start;max-width:1360px;height:max(100svh,640px);margin:auto;padding:78px 40px 40px}.marketing-rooms .room-heading{grid-column:1;grid-row:1;margin-top:14px}.room-heading em{color:#4F7F2C}.room-controls{grid-column:1;grid-row:2}.room-tabs{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.room-tabs [role=tab]{position:relative;justify-content:flex-start;padding:9px 12px;font-size:15.5px;font-weight:400;color:#585F52;gap:10px}.room-tabs [role=tab][aria-selected=true]{color:#191F18}.room-tab-progress{position:absolute;left:12px;bottom:2px;width:40%;height:2px;background:#4F7F2C;transform-origin:left}.room-controls .room-playback-control{margin:26px 0 0 12px;font-size:11px;color:#585F52}.room-panel{grid-column:2;grid-row:1/3;align-self:stretch;min-height:520px}.room-illustration{height:100%}@media (max-width:1240px){.marketing-rooms{grid-template-columns:240px minmax(0,1fr);column-gap:32px}}@media (max-width:1099px){.marketing-rooms{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(420px,1fr) auto;min-height:100svh;height:auto;padding:156px 22px 22px;gap:22px}.marketing-rooms .room-heading{grid-column:1;grid-row:1;margin:0;font-size:clamp(34px,10vw,50px);line-height:1;white-space:nowrap}.room-controls{grid-row:3}.room-controls,.room-panel{grid-column:1;justify-self:center}.room-panel{grid-row:2;width:100%;max-width:360px;min-width:0;min-height:420px}.room-illustration{width:100%;min-width:0;height:max(420px,calc(100svh - 272px))}.room-tabs{flex-direction:row;justify-content:center;gap:4px}.room-tabs [role=tab]{min-height:44px;min-width:44px;padding:0 13px;gap:8px;border-radius:999px;font-size:14px}.room-tabs [role=tab] svg{width:18px;height:18px}.room-tabs [aria-selected=true] svg{color:#4F7F2C}.room-tab-progress{bottom:4px;left:13px;width:calc(100% - 26px)}.room-controls .room-playback-control{display:flex;margin:0 auto;min-height:44px}}@media (min-width:640px) and (max-width:1099px){.marketing-rooms{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(520px,1fr) auto;column-gap:40px}.marketing-rooms .room-heading{margin-top:40px;white-space:normal}.room-panel{grid-column:2;grid-row:1}.room-controls{grid-column:2;grid-row:2}.room-illustration{height:max(520px,calc(100svh - 244px))}}@media (prefers-reduced-motion:no-preference){.room-illustration{animation:room-scene-enter .3s ease-out}.room-heading{animation:room-heading-enter .18s ease-out}}@keyframes room-scene-enter{0%{opacity:0}to{opacity:1}}@keyframes room-heading-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}