/* Spatial studio: the same sky, with room for the whole workflow. */
.board-mode .desk-body{display:block;padding:0 12px 12px;height:calc(100dvh - 96px)}.board-mode .desk-body>.desk-chat,.board-mode .demo-banner{display:none}.board-mode .desk-right,.board-mode .workspace{height:100%;padding:0;overflow:hidden;max-width:none}.board-mode .desk-topbar{padding-bottom:12px}.board-mode .desk-nav a[href$='/studio']{background:#edf6ff;color:#192b44}.nilo-board{height:100%;min-height:540px;border:1px solid #ffffffa8;border-radius:26px;position:relative;overflow:hidden;color:#233b56;background:radial-gradient(ellipse at 50% 70%,#f8fcffe8,transparent 65%),linear-gradient(120deg,#c9e0f4c9,#dbeaf9c9);box-shadow:0 10px 50px #30638b17}.nilo-board svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;flex-shrink:0}.board-top{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:17px 25px;background:#eaf5ffd9;backdrop-filter:blur(25px);border-bottom:1px solid #ffffffc7}.board-back{display:flex;align-items:center;gap:8px;font-size:13px}.board-back svg{transform:rotate(180deg)}.board-divider{height:27px;width:1px;background:#779cb533}.board-top h1{font-size:19px;letter-spacing:-.6px;margin:2px 0 0;line-height:1.1}.board-top h1 span{color:#508fce}.board-top small{font-size:9px;color:#7b94ac;text-transform:uppercase;letter-spacing:1.5px}.board-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.board-top-actions .btn{background:#f9fcffb8;border-color:#fff;font-size:12px;gap:7px;border-radius:13px}.board-top-actions b{font-size:10px;border-radius:50%;background:#e4edf5;padding:1px 5px}.board-local{display:flex;gap:6px;align-items:center;font-size:10px;color:#6d8a9d;margin-right:10px}.board-local i{width:5px;height:5px;background:#43a78f;border-radius:50%}.board-stage{position:absolute;inset:78px 0 0;overflow:hidden;background-image:radial-gradient(#5c8db637 .8px,transparent .8px);background-size:24px 24px;outline:none;touch-action:none}.board-stage.pan-mode{cursor:grab}.board-stage.pan-mode:active{cursor:grabbing}.board-world{position:absolute;left:0;top:0;width:2400px;height:1800px;transform-origin:0 0;pointer-events:none}.board-world>*{pointer-events:auto}.board-intro{position:absolute;top:25px;left:85px;display:flex;flex-direction:column;gap:5px;pointer-events:none;color:#507e9d}.board-intro span{font-size:9px;letter-spacing:2px;opacity:.7}.board-intro strong{font-size:12px;font-weight:500}.board-group{position:absolute;border:1px solid #75a8d04d;border-radius:24px;background:#e5f2ff32;pointer-events:none}.board-group>span{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:650;letter-spacing:.5px;padding:12px 17px;color:#4c7395}.board-group small{font-size:10px;font-weight:400;color:#8aa3b9}.board-wires{position:absolute;inset:0;overflow:visible;pointer-events:none!important;width:2400px!important;height:1800px!important;stroke:#77a5cb!important;stroke-width:1.3!important}.board-wires path{stroke-dasharray:5 7;opacity:.6}.board-window{position:absolute;border:1px solid #fff;border-radius:19px;background:#f7fbffec;box-shadow:0 12px 30px #315a7a14,0 1px 2px #3c63801a;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,border-color .25s;pointer-events:auto}.board-window:hover{box-shadow:0 18px 40px #315a7a24}.board-window.dragging{z-index:6;box-shadow:0 20px 45px #315a7a40;cursor:grabbing}.board-window.is-selected{border:2px solid #5798db}.board-window.workflow-focus{box-shadow:0 0 0 4px #77b1ee61,0 15px 50px #458dd934;border-color:#70a9e6}.board-window-bar{height:47px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:9px 13px;background:#f3f9ffb3;border-bottom:1px solid #7297b619;cursor:grab;user-select:none;outline-offset:-3px}.board-window-bar .app-badge{width:25px;height:25px;min-width:25px;border-radius:8px}.board-window-bar .app-badge svg{width:15px;height:15px}.board-window-bar strong{font-size:12px;flex:1}.board-window-bar button{border:0;background:none;display:grid;place-items:center;color:#8ba2b7;padding:4px}.board-window-bar button svg{width:12px;height:12px}.board-window-bar input{width:12px;height:12px;accent-color:#5c96d4;cursor:pointer}.board-window-content{padding:19px;overflow:auto;flex:1;min-height:0}.board-kicker{font-size:9px;letter-spacing:1.5px;color:#7e9ab1;display:flex;align-items:center;justify-content:space-between}.board-kicker span{font-size:9px;letter-spacing:0}.board-window-content h3{font-size:25px;line-height:1.2;font-weight:530;letter-spacing:-1px;margin:15px 0 18px}.board-metrics{display:flex;gap:25px}.board-metrics small{display:block;font-size:10px;color:#8299ae;margin-bottom:4px}.board-metrics b{font-size:19px;font-weight:500;letter-spacing:-.5px}.board-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#517ba0;margin-top:18px;padding-top:12px;border-top:1px solid #789cb523}.board-summary{display:flex;align-items:center;gap:12px;margin:15px 0}.board-summary>b{font-size:55px;font-weight:450;line-height:1}.board-summary>span{font-size:11px;line-height:1.6;color:#7891a7}.board-summary>i{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#e4f0fb;display:grid;place-items:center}.board-summary>i svg{width:24px;height:24px;color:#77a8d1}.board-window .nilo-mini-row{padding:11px 0;gap:8px}.board-window .nilo-mini-row strong{font-size:11px}.board-window .nilo-mini-row small{font-size:9px}.board-window .nilo-mini-row .tag{font-size:8px;padding:3px 5px}.board-window .mini-avatar{height:28px;width:28px;font-size:11px}.board-document{border:1px solid #dce6ef;border-radius:7px;padding:17px 18px;background:linear-gradient(140deg,#fff,#eef7ff);box-shadow:0 5px 10px #4465810a}.board-document>small{font-size:7px;letter-spacing:1.4px;color:#7292ac}.board-document h3{font-size:27px;margin:14px 0}.document-strokes{display:grid;gap:6px}.document-strokes i{height:3px;background:#d9e5f0;border-radius:2px}.document-strokes i:last-child{width:62%}.board-document>span{display:flex;justify-content:space-between;font-size:8px;margin-top:16px;color:#90a2b3}.board-document b{font-weight:400;color:#bf934e}.board-window [data-board-note]{width:100%;height:calc(100% - 24px);min-height:100px;border:0;background:transparent;resize:none;outline:none;font-size:14px;line-height:1.9;color:#55728c;font-family:inherit}.board-autosave{display:block;font-size:9px;color:#96aabc;margin-top:8px}.board-resize{position:absolute;bottom:0;right:0;padding:3px 7px;border:0;background:transparent;font-size:17px;color:#99afc2;cursor:nwse-resize;touch-action:none}.provider-logo{width:38px;height:38px;object-fit:contain;border-radius:10px}.board-provider-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0}.board-provider-row button{display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;border:0;background:none;padding:0;color:#4b647c;font-size:9px}.board-provider-row i{position:absolute;top:29px;right:7px;border:2px solid #fff;background:#bfcedb;width:9px;height:9px;border-radius:50%}.board-agent-caption{border-top:1px solid #90acc127;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8ca0b2;padding-top:17px;margin-top:15px}.board-agent-caption button{border:0;background:none;color:#5a83a8;font-size:10px}.board-rail{position:absolute;z-index:7;left:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;background:#f7fbffce;padding:8px;border-radius:19px;box-shadow:0 8px 25px #3c63801a;border:1px solid #fff;backdrop-filter:blur(18px)}.board-rail button{height:34px;width:34px;display:grid;place-items:center;border:0;border-radius:11px;background:none;color:#7a96af}.board-rail button:hover,.board-rail button.active{color:#fff;background:#639bdb;box-shadow:0 3px 7px #6799c945}.board-bottom{position:absolute;z-index:7;bottom:17px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 260px));text-align:center}.board-quick{display:flex;gap:7px;justify-content:center;margin-bottom:10px}.board-quick button{display:flex;gap:6px;align-items:center;font-size:10px;border-radius:16px;border:1px solid #fff;background:#f8fcffc9;padding:7px 10px;white-space:nowrap;color:#597a98;box-shadow:0 2px 5px #577a9310}.board-quick svg{width:12px;height:12px}.board-quick span{background:#dfecf9;border-radius:20px;padding:0 4px}.board-command{border:1px solid #fff;display:flex;align-items:center;gap:12px;background:#f8fcffe8;backdrop-filter:blur(16px);padding:10px 12px;border-radius:23px;box-shadow:0 9px 30px #476f8c26}.board-command .nilo-mascot{width:35px;height:35px;filter:drop-shadow(0 2px 5px #6f9fc444)}.board-command input{background:transparent;border:0;outline:none;flex:1;min-width:0;color:#395b7a;font-size:12px}.board-command input::placeholder{color:#8ca3b9}.board-command button{display:grid;place-items:center;width:30px;height:30px;border:0;background:#6099d8;color:#fff;border-radius:50%}.board-hint{display:block;font-size:8px;color:#7d98b0;margin-top:7px;letter-spacing:.3px}.board-zoom{position:absolute;right:18px;bottom:30px;display:flex;align-items:center;border-radius:14px;padding:3px;background:#f5fbffdc;border:1px solid #fff;z-index:7}.board-zoom button{height:27px;width:27px;display:grid;place-items:center;border:0;background:transparent;color:#5a7892;font-size:18px}.board-zoom output{font-size:10px;min-width:37px;text-align:center}.board-zoom button:last-child{border-left:1px solid #92aabe33;margin-left:4px}.board-overlay{position:absolute;z-index:12;inset:95px 28px 32px auto;width:min(550px,calc(100% - 100px));border:1px solid #fff;border-radius:24px;background:#f4fafff5;box-shadow:0 30px 80px #31557640;backdrop-filter:blur(30px);display:flex;flex-direction:column;animation:board-panel-in .25s ease}.board-overlay>header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 20px;border-bottom:1px solid #7797ae22}.board-overlay>header span{font-size:9px;letter-spacing:2px;color:#8ba4b8}.board-overlay h2{font-size:24px;letter-spacing:-.8px;margin:5px 0 0;font-weight:550}.board-overlay-body{padding:24px 26px;overflow:auto;min-height:0;font-size:13px;line-height:1.6}.board-overlay-body>p{margin-top:0;color:#7c95aa}.board-library{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.board-library>button{border:1px solid #dfebf5;border-radius:18px;display:flex;flex-direction:column;align-items:start;gap:12px;padding:17px 12px;background:#fff;color:#28465f;text-align:left}.board-library b{font-size:12px;font-weight:550}.board-library small{font-size:9px;color:#8aa1b5}.board-library .app-badge{height:34px;width:34px;border-radius:10px}.board-callout{padding:16px;background:#e7f1fb;border-radius:13px;font-size:11px;color:#6585a2}.agents-lead{display:flex;align-items:center;gap:20px;margin-bottom:24px}.agents-lead .nilo-mascot{height:70px;width:70px}.agents-lead h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0 0 7px}.agents-lead p{font-size:12px;line-height:1.7;color:#7a92a7;margin:0}.provider-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.provider-cards button{display:flex;flex-direction:column;align-items:start;gap:10px;border:1px solid #fff;border-radius:20px;padding:20px;background:linear-gradient(130deg,#fff,#eaf4ff);text-align:left;color:#2c4860;box-shadow:0 5px 15px #44658109}.provider-cards strong{font-size:15px;font-weight:550}.provider-cards small{color:#8199af;font-size:10px}.provider-cards span{display:flex;justify-content:space-between;width:100%;border-top:1px solid #9bb4c527;padding-top:11px;margin-top:6px;font-size:10px;color:#6a8eae}.provider-cards span svg{width:13px;height:13px}.provider-config{padding:15px 5px}.provider-config .provider-logo{display:block;width:60px;height:60px;margin:0 0 20px}.provider-config .tag{float:right}.provider-config h3{font-size:27px;line-height:1.2;letter-spacing:-.7px}.provider-config p{line-height:1.8;color:#7992a7}.board-field{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:12px;color:#637f97}.board-field textarea,.board-field input{border:1px solid #d2e2ef;border-radius:13px;padding:15px;background:#fff;line-height:1.8;font:inherit;color:#34546f;resize:vertical}.map-overlay{inset:95px 28px 32px 85px;width:auto}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#7994aa}.map-toolbar label{display:flex;align-items:center;gap:10px}.map-toolbar select,.mission-inspector select{border:1px solid #d4e3ef;border-radius:10px;padding:8px 12px;background:#fff;color:#56728b;font-size:11px}.mission-layout{display:grid;grid-template-columns:1fr 230px;gap:25px;margin-top:25px;min-height:330px}.mission-graph{position:relative;display:flex;align-items:center;gap:90px;padding:25px 10px;background-image:radial-gradient(#98b4c638 .8px,transparent .8px);background-size:17px 17px;border-radius:15px}.mission-root{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;padding:18px;min-width:125px;border:1px solid #cddff0;border-radius:20px;background:#e7f3ff}.mission-root .nilo-mascot{height:64px;width:64px}.mission-root b{font-size:17px}.mission-root small{font-size:9px;color:#81a0b8}.mission-root:after{content:'';position:absolute;left:100%;width:45px;height:1px;background:#85afd0}.mission-branches{display:flex;flex:1;flex-direction:column;gap:12px}.mission-branches>button{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;border:1px solid #d3e4f2;border-radius:13px;background:#fff;padding:10px 14px;text-align:left;color:#34556e}.mission-branches>button:before{content:'';position:absolute;right:100%;top:50%;width:46px;border-left:1px solid #85afd0;border-bottom:1px solid #85afd0;height:80px;transform:translateY(-100%);border-bottom-left-radius:25px}.mission-branches>button:first-child:before{height:1px;border-radius:0}.mission-branches>button.active{border-color:#69a0d6;box-shadow:0 0 0 3px #83b4e524}.mission-branches .app-badge{width:30px;height:30px;border-radius:10px}.mission-branches b{font-size:11px}.mission-branches small{display:block;font-size:9px;color:#8ea4b7}.mission-branches>button>svg{margin-left:auto;width:12px;height:12px}.mission-inspector{background:#e8f2fb;padding:25px 20px;border:1px solid #fff;border-radius:18px;align-self:start;color:#6d89a1}.mission-inspector>.app-badge{margin-top:18px}.mission-inspector h3{font-weight:500;font-size:21px;letter-spacing:-.5px;color:#345570}.mission-inspector p{font-size:11px;line-height:1.8}.mission-inspector dl{display:grid;grid-template-columns:1fr auto;font-size:10px;gap:12px}.mission-inspector dd{margin:0}.mission-inspector .nilo-button{font-size:10px;padding:10px;width:100%;margin-bottom:15px;justify-content:center}.mission-inspector label{display:grid;gap:8px;font-size:10px}.board-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.board-kanban>section{background:#e6f0f975;border:1px solid #dae7f1;padding:10px;border-radius:12px;min-height:150px}.board-kanban h4{font-size:10px;margin:0 0 12px;display:flex;justify-content:space-between}.board-kanban h4 span{font-size:9px;color:#8ba3b6}.board-task{padding:10px;margin-bottom:8px;border-radius:9px;background:white;box-shadow:0 2px 6px #527a9510}.board-task p{font-size:11px;margin:0 0 10px}.board-task button{border:0;background:none;font-size:9px;color:#6991b1;padding:0}[data-board-task]{display:flex;gap:10px;margin-top:15px}[data-board-task] input{min-width:0;flex:1;border:1px solid #d4e3ef;background:#fff;border-radius:10px;padding:10px;font-size:11px}[data-board-task] button{border:0;border-radius:10px;background:#6a9fd8;color:#fff;width:32px}.board-files{display:flex;flex-direction:column;gap:10px}.board-files>span{font-size:12px;margin-bottom:10px}.board-files a,.board-files button{display:flex;align-items:center;gap:10px;border:1px solid #e4edf4;background:white;border-radius:12px;padding:14px;text-align:left;font-size:12px;color:#557994}.board-files a svg:last-child{margin-left:auto}.board-files small{font-size:10px;color:#8fa4b6;margin-top:15px}.board-usage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.board-usage>div{background:#fff;padding:16px;border-radius:15px;display:flex;flex-direction:column;gap:12px}.board-usage b{font-size:35px;font-weight:400;color:#4e7596}.board-usage span{font-size:10px;color:#8ca3b7}.usage-empty{text-align:center;padding:40px 15px;color:#8098ad}.usage-empty>svg{width:35px;height:35px}.usage-empty h3{font-size:20px;font-weight:500}.usage-empty p{font-size:12px}.board-presets{display:grid;grid-template-columns:1fr 1fr;gap:15px}.board-presets button{border:1px solid #d4e4f2;border-radius:18px;background:#fff;color:#4a7190;padding:25px 15px;text-align:left;display:flex;flex-direction:column;gap:10px}.board-presets span{font-size:30px;color:#86b1db;background:#edf5fd;width:100%;padding:20px 10px;border-radius:10px;text-align:center}.board-presets small{color:#93a7b9;font-size:10px}.board-app-info .app-badge{margin-bottom:10px}.board-app-info p{font-size:12px;color:#829cb1}.board-app-info>button{background:none;border:0;color:#7597b2;font-size:10px;margin-top:12px}.studio-heading>div:last-child:has(a){display:flex;gap:10px}.studio-expand-banner{display:flex;align-items:center;gap:20px;padding:22px 26px;margin:0 0 24px;border:1px solid #fff;border-radius:22px;background:linear-gradient(115deg,#edf7ffe0,#c2def77d);box-shadow:0 8px 25px #547fa412}.studio-expand-banner .nilo-mascot{height:55px;width:55px}.studio-expand-banner strong{display:block;font-size:20px;letter-spacing:-.6px;font-weight:500}.studio-expand-banner p{font-size:12px;color:#7d9bb4;margin:7px 0 0}.studio-expand-banner>a{margin-left:auto;background:#fff;border-radius:14px;padding:13px 17px;display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.studio-expand-banner>a svg{width:18px;height:18px}.control-icon .provider-logo{width:48%;height:48%;max-width:52px;max-height:52px;border-radius:10px;filter:saturate(.6)}.control-icon.lit .provider-logo{filter:none}.control-icon:has(.provider-logo){background:linear-gradient(145deg,#222b3a,#172130)}.provider-source-note{font-size:10px!important;color:#8493a6!important;line-height:1.6!important;margin-top:18px!important}.preview-scroll-story{min-height:260vh;position:relative}.preview-scroll-pin{position:sticky;top:94px;padding-bottom:20px}.preview-progress-caption{display:flex;align-items:center;gap:16px;justify-content:center;margin:22px 0 0;font-size:11px;color:#8296ab}.preview-progress-caption i{display:inline-block;height:3px;width:32px;background:#d5e2ef;border-radius:3px;margin-right:4px}.preview-progress-caption i.active{background:#689fe0}.board-mini{position:relative;height:100%;min-height:530px;overflow:hidden;background:radial-gradient(#789cbc30 .8px,transparent .8px);background-size:16px 16px;border-radius:18px}.board-mini-heading{position:absolute;top:25px;left:25px;display:flex;flex-direction:column;gap:9px}.board-mini-heading span{font-size:8px;color:#6f97b7;letter-spacing:1.5px}.board-mini-heading b{font-weight:500;letter-spacing:-.4px;font-size:19px;color:#345673}.board-mini>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8fb4d7;stroke-width:1.4;stroke-dasharray:6 6}.mini-orchestrator{position:absolute;left:43%;top:38%;display:flex;flex-direction:column;align-items:center}.mini-orchestrator .nilo-mascot{width:75px;height:75px}.mini-orchestrator b{font-size:13px;color:#3e6686}.mini-orchestrator span{font-size:8px;color:#89a3bb}.mini-board-node{position:absolute;width:28%;background:#f8fcfff2;border:1px solid #fff;border-radius:17px;padding:17px;box-shadow:0 12px 25px #4e7d9f1a;transition:all .6s}.mini-board-node .app-badge{width:29px;height:29px;border-radius:9px}.mini-board-node strong{display:block;font-size:12px;margin-top:12px;color:#2f506b}.mini-board-node small{display:block;font-size:8px;margin-top:6px;color:#8ca4b9}.mbn-0{left:6%;top:24%}.mbn-1{right:5%;top:19%}.mbn-2{right:8%;bottom:16%}.mbn-3{left:9%;bottom:10%}.mini-node-lines{display:grid;gap:6px;margin-top:15px}.mini-node-lines i{height:3px;background:#e0eaf4;border-radius:2px}.mini-node-lines i:last-child{width:65%}.mini-provider-logos{display:flex;gap:7px;margin-top:15px}.mini-provider-logos .provider-logo{width:20px;height:20px;border-radius:6px}.mini-board-open{position:absolute;bottom:15px;right:20px;color:#638eb2;display:flex;gap:8px;align-items:center;font-size:10px}.mini-board-open svg{width:13px;height:13px}.mini-map .mini-board-node{right:8%;left:auto;width:35%;padding:12px}.mini-map .mini-board-node .app-badge{float:left;margin-right:12px}.mini-map .mini-board-node strong{margin-top:0}.mini-map .mini-node-lines,.mini-map .mini-provider-logos{display:none}.mini-map .mbn-0{top:21%}.mini-map .mbn-1{top:39%}.mini-map .mbn-2{top:57%;bottom:auto}.mini-map .mbn-3{top:75%;bottom:auto}.mini-map .mini-orchestrator{left:21%;top:44%}
@keyframes board-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.board-mode .desk-body{height:calc(100dvh - 110px)}.board-top{padding:20px 30px}.board-stage{inset:85px 0 0}.board-bottom{bottom:25px}.board-command{padding:14px}.board-command input{font-size:14px}.board-quick button{font-size:12px}.board-hint{font-size:10px}}
@media(max-width:900px){.board-local{display:none}.board-intro strong{display:none}.board-bottom{width:calc(100% - 160px);left:75px;transform:none;bottom:14px}.board-quick{justify-content:start;overflow:auto}.board-quick button{font-size:9px;padding:7px}.board-zoom{right:10px;bottom:85px}.map-overlay{left:70px;right:15px}.mission-layout{grid-template-columns:1fr}.mission-inspector{padding:18px}.mission-inspector dl{grid-template-columns:1fr auto 1fr auto}.mission-graph{gap:60px}.mission-root:after{width:30px}.mission-branches>button:before{width:30px}.preview-scroll-pin{top:80px}.board-mini{min-height:430px}.board-mini-heading b{font-size:15px}}
@media(max-width:600px){.board-mode .desk-body{padding:0 5px 5px;height:calc(100dvh - 80px)}.nilo-board{border-radius:18px;min-height:510px}.board-top{padding:13px 12px;gap:10px}.board-top h1{font-size:16px}.board-top small{font-size:7px;letter-spacing:.6px}.board-top-actions{gap:5px}.board-top-actions .btn{font-size:0;padding:9px;gap:0}.board-top-actions b,.board-top-actions span{display:none}.board-top-actions .btn svg{width:17px;height:17px}.board-back{font-size:10px;gap:4px}.board-back svg{width:12px}.board-divider{display:none}.board-stage{inset:65px 0 0}.board-rail{left:7px;padding:5px;gap:3px;border-radius:15px}.board-rail button{width:28px;height:30px}.board-rail svg{width:15px;height:15px}.board-intro{left:57px;top:20px}.board-intro span{font-size:7px;letter-spacing:1px}.board-bottom{left:52px;width:calc(100% - 64px);bottom:13px}.board-command{padding:8px;border-radius:18px;gap:7px}.board-command input{font-size:10px}.board-command .nilo-mascot{width:28px;height:28px}.board-command button{width:25px;height:25px}.board-quick{gap:4px;margin-bottom:7px}.board-quick button{font-size:8px;padding:6px}.board-quick svg{display:none}.board-hint{font-size:7px}.board-zoom{bottom:119px;right:10px}.board-overlay,.map-overlay{inset:75px 7px 12px 48px;width:auto;border-radius:17px}.board-overlay>header{padding:15px}.board-overlay>header span{font-size:7px}.board-overlay h2{font-size:19px}.board-overlay-body{padding:15px}.board-library{grid-template-columns:1fr 1fr;gap:8px}.board-library>button{padding:12px}.board-library b{font-size:10px}.agents-lead{gap:10px}.agents-lead .nilo-mascot{width:44px;height:44px}.agents-lead h3{font-size:17px}.agents-lead p{font-size:10px}.provider-cards{gap:8px}.provider-cards button{padding:12px}.provider-cards strong{font-size:12px}.provider-cards small{font-size:9px}.provider-logo{width:30px;height:30px}.mission-layout{margin-top:18px;gap:15px}.mission-graph{gap:28px;padding:15px 0}.mission-root{min-width:66px;padding:12px 6px;border-radius:12px}.mission-root .nilo-mascot{width:36px;height:36px}.mission-root small{font-size:6px}.mission-root b{font-size:12px}.mission-root:after{width:14px}.mission-branches>button:before{width:14px}.mission-branches>button{padding:7px;gap:6px;min-height:54px}.mission-branches .app-badge{width:22px;height:22px;min-width:22px;border-radius:7px}.mission-branches .app-badge svg{width:13px;height:13px}.mission-branches b{font-size:9px}.mission-branches small{font-size:7px}.mission-branches>button>svg{display:none}.map-toolbar{align-items:start;flex-direction:column;gap:8px}.map-toolbar select{max-width:170px}.mission-inspector dl{grid-template-columns:1fr auto}.board-kanban{grid-template-columns:1fr}.board-kanban>section{min-height:80px}.board-usage{grid-template-columns:1fr}.board-usage>div{flex-direction:row;align-items:center}.board-presets{grid-template-columns:1fr}.studio-expand-banner{padding:17px;gap:10px;flex-wrap:wrap}.studio-expand-banner .nilo-mascot{height:40px;width:40px}.studio-expand-banner strong{font-size:16px}.studio-expand-banner p{font-size:10px}.studio-expand-banner>a{margin:0 0 0 auto;font-size:11px;padding:10px}.preview-scroll-pin{top:76px}.preview-scroll-story{min-height:240vh}.board-mini{min-height:380px}.mini-board-node{padding:11px;width:30%}.mini-board-node strong{font-size:9px}.mini-board-node small{font-size:6px}.mini-orchestrator .nilo-mascot{height:45px;width:45px}.mini-orchestrator span{font-size:6px}.mini-provider-logos{gap:3px}.mini-provider-logos .provider-logo{width:14px;height:14px}.board-mini-heading{left:15px;top:18px}.board-mini-heading b{font-size:13px}.board-mini-heading span{font-size:6px}.mini-board-open{font-size:8px}.preview-progress-caption{font-size:9px}.control-icon .provider-logo{max-width:36px;max-height:36px}}
@media(prefers-reduced-motion:reduce){.board-overlay{animation:none}.board-window,.mini-board-node{transition:none}.preview-scroll-story{min-height:0}.preview-scroll-pin{position:static}}
.board-field select{border:1px solid #d2e2ef;border-radius:12px;padding:12px;background:#fff;color:#34546f;font:inherit}.board-mode .desk-body{flex:1;min-height:0;height:auto}.board-mode .desk-right{display:block}.board-mode .desk-shell .workspace{height:100%;padding:0}.board-mode .workspace{height:100%;padding:0!important}.board-mode .desk-chat-toggle{display:none}.board-mode .nilo-board{min-height:0}.board-mode .desk-topbar{padding-bottom:0}.board-rail{max-height:calc(100% - 200px);overflow:auto;scrollbar-width:none}
@media(max-width:600px){.board-quick{scrollbar-width:none}.board-quick button{flex-shrink:0}.board-rail{max-height:calc(100% - 230px)}}
@media(max-height:720px){.preview-scroll-story{min-height:0}.preview-scroll-pin{position:static}.preview-progress-caption{display:none}}
.control-icon .provider-logo{background:#f7faff;border:8px solid #f7faff;box-sizing:content-box;filter:brightness(.9)}.control-icon.lit .provider-logo{filter:none}

/* Landing preview: keep the browser and both panes in reference proportions.
   Container units scale its UI together; the full workspace stays independent. */
@media (min-width: 801px) {
  .nilo-workspace-section { width: 70.5vw; max-width: 1440px; }
  .enhanced-preview {
    container-type: inline-size;
    aspect-ratio: 3 / 2;
    display: grid;
    grid-template-rows: 6% minmax(0, 1fr);
  }
  .enhanced-preview > .browser-bar { height: auto; padding-inline: 1.5cqw; gap: .65cqw; }
  .enhanced-preview > .browser-bar > i { width: 1.15cqw; height: 1.15cqw; }
  .enhanced-preview .nilo-preview {
    min-height: 0;
    grid-template-columns: minmax(0, 34fr) minmax(0, 66fr);
    grid-template-rows: 4cqw minmax(0, 1fr);
    padding: .9cqw;
    gap: .85cqw;
    overflow: hidden;
  }
  .enhanced-preview .preview-toolbar {
    min-height: 0; margin: 0; padding: .35cqw 1.2cqw; gap: 1.5cqw;
  }
  .enhanced-preview .preview-toolbar > button { font-size: 1cqw; padding: .55cqw 1.35cqw; }
  .enhanced-preview .preview-toolbar .preview-team { font-size: .9cqw; }
  .enhanced-preview .preview-chat,
  .enhanced-preview .preview-workspace {
    min-height: 0; height: 100%; max-height: none; border-radius: 1.5cqw;
  }
  .enhanced-preview .preview-workspace { overflow: auto; scrollbar-width: none; }
  .enhanced-preview .preview-workspace::-webkit-scrollbar { display: none; }
  .enhanced-preview .chat-title { padding: 1.3cqw; font-size: .9cqw; }
  .enhanced-preview .preview-chat-intro { padding: 2cqw 1.4cqw; }
  .enhanced-preview .preview-chat-intro .nilo-mascot { width: 7cqw; height: 7cqw; }
  .enhanced-preview .preview-chat-intro h3 { font-size: 2cqw; }
  .enhanced-preview .preview-chat-intro p { font-size: 1cqw; margin-top: 1cqw; }
  .enhanced-preview .preview-composer {
    flex-shrink: 0; min-height: 6.6cqw; margin: 1.3cqw;
    padding: 1cqw; font-size: 1.1cqw; border-radius: 1.4cqw;
  }
  .enhanced-preview .preview-composer > span { margin-top: 1.3cqw; }
  .enhanced-preview .preview-greeting {
    min-height: 5.4cqw; margin-bottom: .7cqw; padding: .55cqw 1.1cqw;
    font-size: 1.1cqw; border-radius: 1.5cqw;
  }
  .enhanced-preview .preview-greeting .nilo-mascot { width: 4cqw; height: 4cqw; }
  .enhanced-preview .preview-home-cards { gap: .7cqw; }
  .enhanced-preview .preview-home-cards .desk-card { border-radius: 1.5cqw; }
  .enhanced-preview .preview-home-cards .desk-card > header { padding: 1.2cqw; }
  .enhanced-preview .preview-home-cards .desk-card > header h2 { font-size: 1cqw; }
  .enhanced-preview .preview-home-cards .desk-steps { min-height: 21.8cqw; }
  .enhanced-preview .preview-home-cards .desk-progress-label { font-size: .85cqw; padding: 1cqw; }
  .enhanced-preview .preview-home-cards .desk-subtitle { font-size: .9cqw; }
  .enhanced-preview .preview-home-cards .desk-step { padding: 1cqw .7cqw; margin: .6cqw .8cqw; }
  .enhanced-preview .preview-home-cards .desk-step b { font-size: .9cqw; }
  .enhanced-preview .preview-home-cards .desk-step small { display: block; font-size: .7cqw; }
  .enhanced-preview .preview-home-cards .desk-investment-image { min-height: 17.4cqw; margin: .7cqw; }
  .enhanced-preview .preview-home-cards .desk-investment-image h3 { font-size: 2cqw; }
  .enhanced-preview .preview-home-cards .geography-body { min-height: 19cqw; }
  .enhanced-preview .preview-home-cards .geography-body strong { font-size: 2.3cqw; }
  .enhanced-preview .board-mini { height: 100%; min-height: 0; }
}

/* Worklilt identity. Keep the full lockup in the site and the symbol in the app. */
.worklilt-wordmark { display:inline-flex; align-items:center; font-size:0; letter-spacing:0; }
.worklilt-wordmark .worklilt-lockup { width:160px; height:auto; mix-blend-mode:multiply; }
.worklilt-wordmark .worklilt-symbol { display:none; transform:none; margin:0; fill:none; stroke:none; mix-blend-mode:multiply; }
.desk-logo .worklilt-lockup,.mini-logo .worklilt-lockup { display:none; }
.desk-logo .worklilt-symbol,.mini-logo .worklilt-symbol { display:block; width:34px; height:34px; }
.brand-tile .worklilt-lockup { width:80%; max-width:300px; }
.preview-conversation { flex:1; min-height:0; }
.preview-reply-status { display:flex; align-items:center; gap:8px; color:#5f7284; }
.preview-reply-status .nilo-mascot { width:24px; height:24px; }
.preview-reply-step,.chat-reply>a { display:flex; align-items:center; gap:7px; }
.preview-reply-step svg,.chat-reply>a svg { width:14px; height:14px; }
.preview-deliverables { border:1px solid #ffffff80; margin-bottom:10px; overflow:hidden; }
.preview-deliverables>header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #a4bddb44; margin:0 12px; padding:12px 0; font-size:11px; }
.preview-deliverables header svg { width:12px; height:12px; }
.preview-deliverable { display:flex; align-items:center; gap:12px; padding:15px; }
.preview-deliverable>svg { width:28px; height:28px; padding:6px; background:white; border-radius:7px; }
.preview-deliverable strong,.preview-deliverable small { display:block; font-size:10px; font-weight:500; }
.preview-deliverable small { font-size:8px; color:#7b91a7; margin-top:5px; }
@media (min-width:801px) {
  .nilo-header,.nilo-header.scrolled { height:clamp(60px,4.35vw,88px); gap:2.5vw; }
  .nilo-header .worklilt-lockup { width:clamp(124px,8.6vw,176px); }
  .nilo-header nav { gap:1.8vw; }
  .nilo-header nav a,.nilo-header .login { font-size:clamp(12px,1.02vw,15px); }
  .nilo-header .nilo-button { min-height:0; padding:.8vw 1.35vw; font-size:clamp(12px,1.02vw,15px); }
  .preview-scroll-pin { top:clamp(80px,7.05vw,144px); }
  .enhanced-preview { border-radius:1.1vw; }
  .enhanced-preview>.browser-bar>span { font-size:.7cqw; }
  .enhanced-preview .preview-toolbar { position:relative; }
  .enhanced-preview .preview-toolbar .mini-logo { position:static; width:2.4cqw; height:2.4cqw; margin:0; flex-shrink:0; }
  .enhanced-preview .preview-toolbar .worklilt-symbol { width:2.4cqw; height:2.4cqw; }
  .enhanced-preview .preview-toolbar button>svg { width:1.25cqw; height:1.25cqw; }
  .enhanced-preview .preview-toolbar>a>svg { width:1.35cqw; height:1.35cqw; }
  .enhanced-preview .preview-toolbar .preview-team svg { width:1cqw; height:1cqw; }
  .enhanced-preview .chat-title svg { width:1.1cqw; height:1.1cqw; }
  .enhanced-preview .chat-bubble { font-size:1.08cqw; padding:1.1cqw; margin:1.3cqw 1.5cqw 3.4cqw 4.5cqw; border-radius:1.4cqw 1.4cqw .3cqw 1.4cqw; }
  .enhanced-preview .chat-reply { padding:0 2.2cqw; gap:.75cqw; font-size:.95cqw; }
  .enhanced-preview .chat-reply p { font-size:.98cqw; line-height:1.6; margin:.4cqw 0; }
  .enhanced-preview .preview-reply-status .nilo-mascot { width:1.7cqw; height:1.7cqw; }
  .enhanced-preview .preview-reply-step svg,.enhanced-preview .chat-reply>a svg { width:1cqw; height:1cqw; }
  .enhanced-preview .chat-reply>a { font-size:.9cqw; margin-top:.7cqw; }
  .enhanced-preview .preview-composer { margin-top:auto; }
  .enhanced-preview .preview-composer b { width:2cqw; height:2cqw; font-size:1.3cqw; }
  .enhanced-preview .preview-deliverables { height:9.8cqw; margin-bottom:.7cqw; border-radius:1.5cqw; background:#edf5ffd9; }
  .enhanced-preview .preview-deliverables>header { margin:0 1.2cqw; padding:1.2cqw 0 .8cqw; font-size:1cqw; }
  .enhanced-preview .preview-deliverables header svg { width:1cqw; height:1cqw; }
  .enhanced-preview .preview-deliverable { padding:1.3cqw; gap:1cqw; }
  .enhanced-preview .preview-deliverable>svg { width:2.5cqw; height:2.5cqw; padding:.55cqw; border-radius:.6cqw; }
  .enhanced-preview .preview-deliverable strong { font-size:1cqw; }
  .enhanced-preview .preview-deliverable small { font-size:.8cqw; margin-top:.35cqw; }
  .enhanced-preview .preview-home-cards .desk-card>header { padding:1cqw 1.2cqw; }
  .enhanced-preview .preview-home-cards .desk-card>header svg { width:1cqw; height:1cqw; }
  .enhanced-preview .preview-home-cards .desk-step { padding:.65cqw; margin:.5cqw .9cqw; border-radius:.9cqw; gap:.65cqw; }
  .enhanced-preview .preview-home-cards .desk-step .step-check { width:1.8cqw; height:1.8cqw; }
  .enhanced-preview .preview-home-cards .desk-step svg { width:1.1cqw; height:1.1cqw; }
  .enhanced-preview .preview-home-cards .geography-body { min-height:17cqw; padding:.8cqw 1cqw; gap:1cqw; }
  .enhanced-preview .preview-home-cards .geography-body p,.enhanced-preview .preview-home-cards .geography-body a,.enhanced-preview .geography-body>div:last-child>small { font-size:.8cqw; }
  .enhanced-preview .preview-apps-card>div { padding:1cqw 1.2cqw; gap:.9cqw .7cqw; }
  .enhanced-preview .preview-apps-card .app-badge { width:2.6cqw; height:2.6cqw; border-radius:.8cqw; }
  .enhanced-preview .preview-apps-card a { font-size:.7cqw; gap:.4cqw; }
  .enhanced-preview .preview-apps-card>button { font-size:.7cqw; }
  .enhanced-preview .board-mini-heading { top:1.7cqw; left:1.7cqw; gap:.6cqw; }
  .enhanced-preview .board-mini-heading span { font-size:.6cqw; }
  .enhanced-preview .board-mini-heading b { font-size:1.45cqw; }
  .enhanced-preview .mini-board-node { padding:1.2cqw; border-radius:1.2cqw; }
  .enhanced-preview .mini-board-node .app-badge { width:2.2cqw; height:2.2cqw; border-radius:.6cqw; }
  .enhanced-preview .mini-board-node strong { font-size:.9cqw; margin-top:.8cqw; }
  .enhanced-preview .mini-board-node small { font-size:.6cqw; margin-top:.45cqw; }
  .enhanced-preview .mini-map .mini-board-node { padding:.85cqw; }
  .enhanced-preview .mini-map .mini-board-node strong { margin-top:0; }
  .enhanced-preview .mini-orchestrator .nilo-mascot { width:5cqw; height:5cqw; }
  .enhanced-preview .mini-orchestrator b { font-size:.95cqw; }
  .enhanced-preview .mini-orchestrator span { font-size:.6cqw; }
  .enhanced-preview .mini-board-open { font-size:.75cqw; }
}
@media (max-width:800px) {
  .nilo-header .worklilt-lockup { width:126px; }
  .enhanced-preview .chat-bubble { margin:15px 10px 25px; padding:12px; font-size:11px; }
  .enhanced-preview .chat-reply { padding:0 15px; font-size:10px; }
  .enhanced-preview .chat-reply p { font-size:10px; }
  .enhanced-preview .preview-composer { margin-top:auto; }
}

/* Transparent brand in the prompt, shared with the header. */
.worklilt-lockup,.worklilt-symbol{mix-blend-mode:normal}.composer-bottom .composer-brand{display:inline-flex;align-items:center;flex:none;margin-right:14px}.composer-brand .worklilt-lockup{width:100px;height:auto}.composer-bottom>button{margin-left:auto}@media(max-width:520px){.composer-brand .worklilt-lockup{width:76px}.composer-bottom .composer-brand{margin-right:8px}.composer-bottom>span:not(.composer-brand){font-size:8px}}

/* Remove the source logo's white inner strokes as well as its outer backdrop.
   The alpha mask follows the existing artwork; the dark tile uses light ink. */
.worklilt-wordmark .worklilt-lockup,
.worklilt-wordmark .worklilt-symbol{mix-blend-mode:normal;filter:url(#worklilt-transparent-ink)}
.brand-tile .worklilt-wordmark .worklilt-lockup{filter:url(#worklilt-transparent-ink) brightness(0) invert(1);mix-blend-mode:normal}