:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef0f5;background:#111318;font-synthesis:none;--bg:#111318;--panel:#181b21;--panel2:#1d2027;--line:#30343c;--muted:#989eaa;--accent:#7164ff;--accent2:#887cff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{height:100vh;display:grid;grid-template-rows:52px minmax(0,1fr) 27px;background:var(--bg);font-size:12px}.topbar{display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--line);background:linear-gradient(#15171c,#111318);gap:5px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;padding:0 8px}.brand strong{font-size:18px;letter-spacing:-.4px}.brand-mark{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(145deg,#6256ff,#31c4cb)}.divider{width:1px;height:26px;background:var(--line);margin:0 8px}.project-select{width:160px;background:transparent;color:#eceef3;border:0;font-weight:650;outline:0}.project-select option{background:#1a1d23}.add-page{border:0;background:transparent;color:var(--muted);font-size:18px}.icon-button{width:31px;height:29px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.icon-button:hover{background:#242832}.icon-button.active{background:#252047;border-color:#5146a9;color:#9b91ff}.icon-button:disabled{opacity:.28;cursor:not-allowed}.save-state{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#a6acb8;padding:7px}.save-state.saved{color:#49d47e}.toolbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.device-switcher{display:flex;border-right:1px solid var(--line);padding-right:8px}.viewport-size,.zoom{display:flex;align-items:center;gap:5px;background:transparent;color:#d6d9df;border:0;padding:7px}.toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.toolbar-actions>button:not(.icon-button){display:flex;align-items:center;gap:6px;background:#181b21;border:1px solid var(--line);border-radius:5px;padding:8px 12px;font-weight:600;cursor:pointer}.toolbar-actions>button:hover{background:#222630}.toolbar-actions .publish{background:linear-gradient(135deg,#6558ff,#6f48ed)!important;border-color:#7164ff!important}.editor-grid{min-height:0;display:grid;grid-template-columns:344px minmax(440px,1fr) 300px}.left-area{display:grid;grid-template-columns:68px 276px;min-height:0;border-right:1px solid var(--line);background:var(--panel)}.mode-rail{background:#13161b;border-right:1px solid var(--line);padding:8px 6px;display:flex;flex-direction:column;gap:5px}.mode-rail button{height:55px;border:0;border-left:2px solid transparent;border-radius:5px;background:transparent;color:#aeb3bd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px}.mode-rail button.active{background:#242631;border-left-color:var(--accent);color:#fff}.rail-spacer{flex:1}.left-panel{min-height:0;display:flex;flex-direction:column}.panel-tabs{height:42px;display:flex;border-bottom:1px solid var(--line)}.panel-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#a9aeba;font-weight:650;font-size:12px}.panel-tabs button.active{color:#fff;border-color:var(--accent)}.search{height:34px;margin:12px;display:flex;align-items:center;gap:7px;border:1px solid #3a3e47;background:#14171c;border-radius:5px;padding:0 8px;color:var(--muted)}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.search kbd{border-radius:3px;background:#282c35;padding:1px 5px}.section-title{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#f0f1f5;font-weight:650}.component-grid{padding:0 12px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.component-grid button{height:68px;border:1px solid #3a3e47;border-radius:5px;background:#1b1e24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:10px;cursor:grab}.component-grid button:hover{border-color:#7164ff;background:#222531}.component-grid button:active{cursor:grabbing}.layers-heading{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:2px}.layers-scroll{overflow:auto;min-height:120px}.layer-row{height:27px;display:flex;align-items:center;gap:5px;color:#c8ccd5;cursor:pointer}.layer-row:hover{background:#23262d}.layer-row.selected{background:linear-gradient(90deg,#5b47ee,#6e46ed);color:#fff}.layer-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row button{width:20px;padding:0;border:0;background:transparent;color:inherit;opacity:.65}.tree-space{width:13px}.reusable-list{display:flex;flex-direction:column;padding:0 10px 8px}.reusable-list button{display:flex;gap:7px;padding:7px;border:0;background:transparent;color:#cbcfd8}.center-column{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 238px;background:#101216}.editor-grid:not(.with-code) .center-column{grid-template-rows:minmax(0,1fr) 27px}.workspace{min-height:0;position:relative;background-color:#1a1d22;background-image:radial-gradient(#333740 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.ruler{height:25px;padding:0 18px 0 60px;display:flex;justify-content:space-between;align-items:center;background:#181b20;border-bottom:1px solid #343842;color:#858b96;font-size:9px}.canvas-stage{height:calc(100% - 25px);overflow:auto;padding:18px 38px 80px;display:flex;justify-content:center}.canvas-frame{min-height:690px;background:#fff;box-shadow:0 6px 30px #0008;transition:width .24s ease,transform .18s ease;flex:none}.render-node{position:relative}.render-node.is-selected{outline:2px solid #6657ff;outline-offset:1px;z-index:1}.render-node.is-selected:before{content:attr(data-node-id);position:absolute;top:-22px;left:-2px;background:#6657ff;color:#fff;padding:3px 7px;border-radius:3px;font:600 10px Inter,system-ui;white-space:nowrap}.type-page{min-height:690px;overflow:hidden}.type-heading,.type-text{margin-top:0;margin-bottom:0}.type-button{border:0;cursor:pointer}.type-image{display:grid;place-items:center;color:#89909f}.type-form{display:flex;gap:8px}.type-form input{flex:1;border:1px solid #d5d8df;padding:10px;border-radius:5px}.type-form button{background:#635bff;color:#fff;border:0;border-radius:5px;padding:0 16px}.inspector{background:var(--panel);border-left:1px solid var(--line);overflow-y:auto}.inspector-tabs{position:sticky;top:0;background:var(--panel);z-index:2}.selected-meta{height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line)}.selected-meta input{min-width:0;flex:1;border:0;background:transparent;color:#f2f3f6;font-weight:650}.type-tag{font-size:9px;color:#acaaff;background:#2b2851;border:1px solid #4b4781;padding:3px 5px;border-radius:3px}.quick-actions{display:flex;align-items:center;padding:7px 8px;border-bottom:1px solid var(--line)}.reuse-button{flex:1;border:0;background:transparent;color:#9b91ff;font-size:10px}.state-row,.inherit-row,.field-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.state-row,.inherit-row{padding:0 12px;border-bottom:1px solid var(--line)}select,.field-row select{background:#1d2026;border:1px solid #3c4049;border-radius:4px;color:#e6e8ed;padding:6px 8px}.inherit-value{display:flex;align-items:center;gap:4px;color:#8e83ff}.inspector-section{border-bottom:1px solid var(--line);padding:0 12px 10px}.inspector-section>header{height:38px;display:flex;align-items:center;justify-content:space-between}.inspector-section>header strong{font-size:11px}.control-label{font-size:10px;color:var(--muted);margin:7px 0}.segmented{display:flex;border:1px solid #363a43;border-radius:4px;overflow:hidden;margin-bottom:6px}.segmented .icon-button{flex:1;border-radius:0}.stack-field{display:flex;flex-direction:column;gap:6px;color:var(--muted)}textarea{resize:vertical;width:100%;background:#14171c;border:1px solid #3b3f48;border-radius:4px;color:#e6e8ed;padding:8px;font-size:11px}.number-field{display:flex;align-items:center;width:92px;border:1px solid #3b3f48;border-radius:4px;background:#14171c}.number-field input{width:100%;min-width:0;background:transparent;border:0;color:#fff;padding:6px 7px;outline:0}.number-field small{padding-right:6px;color:#8d939e}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-pair .field-row{gap:5px}.field-pair .number-field{width:72px}.box-model{height:105px;border:1px solid #373b43;background:#15181d;display:grid;place-items:center;position:relative;margin:2px 0 7px;color:#898f9b;font-size:9px}.box-model:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid #545966;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.box-model div{position:relative;width:140px;height:50px;border:1px solid #494d58;display:flex;flex-direction:column;align-items:center;justify-content:center}.box-model strong{color:#e6e8ed}.margin-label{position:absolute;top:7px}.color-row{display:grid;grid-template-columns:30px 1fr 48px;gap:6px;align-items:center}.color-row input{width:28px;height:26px;border:1px solid #3c4049;background:transparent}.color-row code,.color-row span{background:#14171c;border:1px solid #373b43;padding:6px}.code-panel{background:#111419;border-top:1px solid var(--line);min-height:0;display:grid;grid-template-rows:34px 1fr}.code-panel header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.code-panel header>div{display:flex}.code-panel header button{height:34px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb3bd;padding:0 14px;font-size:10px}.code-panel header button.active{color:#fff;border-color:var(--accent);background:#1a1d23}.count{margin-left:6px;background:#2d3139;border-radius:8px;padding:1px 5px}.code-panel pre{margin:0;padding:14px 18px;overflow:auto;color:#cbd1dc;font:11px/1.55 Cascadia Code,Consolas,monospace;white-space:pre-wrap}.code-panel code::selection{background:#433a86}.code-collapsed{border:0;border-top:1px solid var(--line);background:#15181d;color:#b5bac4;text-align:left;padding:0 12px;display:flex;align-items:center;gap:6px}.statusbar{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);background:#13161a;padding:0 12px;color:#b1b6c0;font-size:10px}.statusbar>div{display:flex;align-items:center;gap:6px}.status-spacer{flex:1}.ready-dot{width:8px;height:8px;background:#49d47e;border-radius:50%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090dbb;z-index:50;display:grid;place-items:center}.css-generator{width:min(760px,90vw);background:#181b21;border:1px solid #414651;border-radius:9px;box-shadow:0 24px 90px #000b}.css-generator>header,.css-generator>footer{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.css-generator>header>div{display:flex;flex-direction:column;gap:3px}.css-generator>header span{color:var(--muted);font-size:10px}.css-generator button{display:flex;align-items:center;gap:6px;border:1px solid #414651;background:#22262e;border-radius:5px;padding:8px 12px}.generator-body{display:grid;grid-template-columns:1fr 1fr}.generator-preview{min-height:240px;display:grid;place-items:center;background:#eef0f5;color:#6d7380}.generator-preview button{align-self:end;border:0;color:#fff;padding:13px 25px}.generator-preview p{align-self:start}.generator-controls{padding:16px;display:flex;flex-direction:column;gap:18px}.generator-controls label{display:grid;grid-template-columns:95px 1fr 55px;gap:8px;align-items:center}.generator-controls code{font-size:10px}.generator-body pre{grid-column:1/-1;margin:0;border-top:1px solid var(--line);padding:16px;color:#aeb8ff;font:11px/1.5 Cascadia Code,monospace;max-height:170px;overflow:auto}.css-generator>footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.css-generator .primary{background:#6558ff;border-color:#796fff}.preview-mode{height:100vh;background:#111318;color:#fff}.preview-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #30343c}.preview-bar button{background:#22262e;border:1px solid #3c414b;border-radius:5px;padding:8px 12px}.preview-surface{height:calc(100% - 48px)}@media(max-width:1100px){.editor-grid{grid-template-columns:275px minmax(420px,1fr) 270px}.left-area{grid-template-columns:55px 220px}.component-grid{grid-template-columns:repeat(2,1fr)}.toolbar-actions button:nth-child(3),.toolbar-actions button:nth-child(4){display:none}.toolbar-center{position:static;transform:none;margin-left:auto}.project-select{width:120px}}@media(max-width:820px){.editor-grid{grid-template-columns:210px minmax(340px,1fr)}.left-area{grid-template-columns:48px 162px}.inspector{position:fixed;right:0;top:52px;bottom:27px;width:280px;box-shadow:-10px 0 30px #0008;transform:translate(100%)}.component-grid{grid-template-columns:1fr}.topbar .brand strong,.viewport-size,.zoom,.save-state{display:none}.toolbar-actions button:not(.publish){display:none}}.editor-grid{overflow:hidden;grid-template-rows:minmax(0,1fr)}.editor-grid.logic-mode .center-column{grid-template-rows:minmax(0,1fr) 300px}.skip-link{position:fixed;left:12px;top:-44px;z-index:100;background:#fff;color:#151821;padding:9px 12px;border-radius:5px;transition:top .15s}.skip-link:focus{top:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #9a8fff;outline-offset:2px}.recovery-banner{position:fixed;top:58px;left:50%;transform:translate(-50%);z-index:40;max-width:min(620px,calc(100vw - 24px));display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #a8732e;border-radius:6px;background:#2c2114;color:#ffd99a;box-shadow:0 12px 30px #0008}.recovery-banner span{flex:1}.recovery-banner button{border:1px solid #70542d;border-radius:4px;background:#382819;color:#ffe1ad;padding:5px 8px}.fatal-recovery{min-height:100vh;background:#111318;color:#eef0f5;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.fatal-recovery>svg{width:42px;height:42px;color:#f1b85b}.fatal-recovery h1{margin:16px 0 6px}.fatal-recovery p{max-width:520px;color:#9ca4b1;line-height:1.55}.fatal-recovery button{margin-top:12px;border:1px solid #7568e9;border-radius:5px;background:#6658df;color:#fff;padding:10px 14px;display:flex;align-items:center;gap:7px}.app-shell.light{--bg: #edf0f5;--panel: #ffffff;--panel2: #f6f7fa;--line: #d8dce4;--muted: #687181;color:#202530;background:#edf0f5}.app-shell.light .topbar,.app-shell.light .statusbar{background:#fff;color:#242a35}.app-shell.light .mode-rail{background:#f6f7fa}.app-shell.light .mode-rail button,.app-shell.light .panel-tabs button,.app-shell.light .layer-row{color:#4f5868}.app-shell.light .mode-rail button.active{background:#ebe9ff;color:#5548dc}.app-shell.light .search,.app-shell.light textarea,.app-shell.light .number-field,.app-shell.light .color-row code,.app-shell.light .color-row span{background:#f7f8fa;color:#222834}.app-shell.light .component-grid button{background:#fafbfc;color:#303746}.app-shell.light .inspector,.app-shell.light .inspector-tabs,.app-shell.light .left-area,.app-shell.light .left-panel{background:#fff}.app-shell.light .selected-meta input,.app-shell.light .project-select{color:#202530}.logic-panel{min-height:0;display:flex;flex-direction:column;background:var(--panel)}.logic-panel h3{height:40px;margin:0;padding:0 13px;display:flex;align-items:center;font-size:11px;letter-spacing:.06em}.logic-panel .search{margin-top:0}.add-variable{margin:0 12px 10px;height:34px;border:1px solid #6e62ff;border-radius:5px;background:linear-gradient(135deg,#6558ff,#6d47ed);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.variable-list{display:flex;flex-direction:column;gap:7px;padding:0 12px 12px}.variable-list>button{min-height:58px;border:1px solid #373b44;border-radius:5px;background:#1a1d23;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;color:#eef0f4;padding:8px;text-align:left}.variable-list>button:hover{border-color:#6e62ff}.variable-list span{display:flex;flex-direction:column;gap:4px}.variable-list small{color:var(--muted);text-transform:capitalize}.variable-list code{color:#bec3cc;font-size:10px}.variable-icon{width:25px;height:25px;display:grid;place-items:center;color:#9c91ff;background:#29264c;border-radius:4px;font-size:9px;font-weight:700}.variable-icon.boolean{color:#55d78b;background:#18372a}.logic-layers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:0}.logic-layer{flex:none;width:100%;height:28px;border:0;background:transparent;color:#c8ccd5;display:flex;align-items:center;gap:6px;text-align:left}.logic-layer span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logic-layer:hover{background:#22262d}.logic-layer.selected{background:linear-gradient(90deg,#5c48ef,#6d47ec);color:#fff}.workflow-panel{min-height:0;border-top:1px solid var(--line);background:#111419;display:grid;grid-template-rows:42px minmax(0,1fr)}.workflow-panel>header{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-right:10px}.workflow-panel>header>div{display:flex;align-items:center;gap:4px}.workflow-panel header button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#abb1bc;padding:0 14px;display:flex;align-items:center;gap:6px}.workflow-panel header button.active{color:#fff;border-color:var(--accent)}.workflow-panel header .test-workflow{height:30px;border:1px solid #404550;border-radius:5px;background:#1b1e25;color:#e8eaf0}.workflow-canvas{position:relative;overflow:auto;background-color:#15181d;background-image:radial-gradient(#343942 1px,transparent 1px);background-size:16px 16px}.workflow-node{position:absolute;width:154px;min-height:68px;border:1px solid #5e50d5;border-radius:6px;background:#1b1b2b;color:#f1f2f7;display:flex;align-items:center;gap:9px;padding:10px;text-align:left;z-index:2;box-shadow:0 8px 20px #0004}.workflow-node span{display:flex;min-width:0;flex-direction:column;gap:4px}.workflow-node small{color:#9c93ff;text-transform:uppercase;font-size:8px;letter-spacing:.06em}.workflow-node strong{font-size:10px;line-height:1.35}.workflow-node i{position:absolute;right:-5px;width:9px;height:9px;border:2px solid #eee;border-radius:50%;background:#7266ff}.workflow-node.condition{border-color:#636a75;background:#202329}.workflow-node.action:last-of-type{border-color:#25895b;background:#172720}.workflow-edge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:230px;pointer-events:none;overflow:visible}.workflow-edge path{fill:none;stroke:#78808d;stroke-width:1.5}.workflow-edge text{fill:#59d68d;font:600 9px Inter,system-ui}.workflow-add-node{position:absolute;right:18px;bottom:14px;border:1px solid #414650;border-radius:5px;background:#1c2027;color:#cbd0d9;padding:7px 10px;display:flex;gap:5px;align-items:center}.workflow-code{margin:0;padding:15px 18px;overflow:auto;color:#bdc6ff;font:11px/1.55 Cascadia Code,monospace}.workflow-empty{display:grid;place-items:center;align-content:center;gap:9px;color:#8f96a3}.interaction-selected,.interaction-block{padding:13px 12px;border-bottom:1px solid var(--line)}.interaction-selected>label,.interaction-block header strong{font-size:10px;letter-spacing:.05em;color:#e8eaf0}.interaction-selected>div{min-height:54px;margin-top:10px;border:1px solid #3c414a;border-radius:5px;background:#191c22;display:flex;align-items:center;gap:9px;padding:9px}.interaction-selected>div span{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.interaction-selected small,.action-card small{color:var(--muted)}.interaction-block header{height:29px;display:flex;justify-content:space-between;align-items:flex-start}.event-card,.action-card{width:100%;min-height:44px;border:1px solid #3c414a;border-radius:5px;background:#1a1d23;color:#eef0f5;display:flex;align-items:center;gap:9px;padding:9px;text-align:left;margin-bottom:7px}.event-card svg{color:#7a6aff}.action-card svg{color:#69d698}.action-card span{display:flex;flex-direction:column;gap:3px;text-transform:capitalize}.interaction-add{width:100%;height:36px;border:1px solid #5449a8;border-radius:5px;background:#252047;color:#dcd9ff;display:flex;align-items:center;justify-content:center;gap:6px}.interaction-block .field-row select{min-width:130px}.preview-animation{width:100%;height:36px;margin-top:8px;border:1px solid #414650;border-radius:5px;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px}.runtime-toast{position:absolute;right:24px;bottom:24px;padding:11px 15px;background:#171b22;color:#fff;border:1px solid #4c5360;border-radius:6px;box-shadow:0 10px 30px #0008;z-index:10}.variable-dialog{width:430px;background:#181b21;border:1px solid #414650;border-radius:8px;box-shadow:0 25px 90px #000b}.variable-dialog header,.variable-dialog footer{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.variable-dialog header div{display:flex;flex-direction:column;gap:4px}.variable-dialog header span{color:var(--muted);font-size:10px}.variable-dialog button{border:1px solid #414650;border-radius:5px;background:#22262e;color:#fff;padding:8px 12px;display:flex;align-items:center;gap:6px}.variable-dialog>div{padding:17px;display:flex;flex-direction:column;gap:12px}.variable-dialog label{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px}.variable-dialog input,.variable-dialog select{width:100%;border:1px solid #3b404a;border-radius:5px;background:#12151a;color:#fff;padding:8px}.variable-dialog footer{justify-content:flex-end;gap:8px;border:0;border-top:1px solid var(--line)}.variable-dialog .primary{background:#6558ff;border-color:#776cff}.app-shell.light .logic-panel,.app-shell.light .interaction-selected>div,.app-shell.light .event-card,.app-shell.light .action-card,.app-shell.light .variable-list>button{background:#fff;color:#252b36}.editor-grid.data-mode{grid-template-columns:344px minmax(520px,1fr) 340px}.data-mode .left-area{grid-template-columns:48px minmax(0,1fr)}.data-panel{min-height:0;display:flex;flex-direction:column;background:#171a20;border-right:1px solid var(--line)}.data-panel h3{height:40px;flex:none;margin:0;padding:0 12px;display:flex;align-items:center;font-size:11px;letter-spacing:.06em}.data-tabs{height:39px;flex:none;display:flex;border-bottom:1px solid var(--line);padding:0 10px}.data-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#929aa7;font-size:10px}.data-tabs button.active{color:#fff;border-color:#786aff}.data-panel .panel-tabs{flex:none}.data-panel .panel-tabs button{min-width:0;padding:0 11px}.data-panel-scroll,.data-inspector{overflow:auto;min-height:0}.data-panel-section{padding:13px 12px;border-bottom:1px solid var(--line)}.data-panel-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#9299a6;font-size:9px;letter-spacing:.08em}.data-panel-section>header button,.env-add{border:0;background:transparent;color:#b4bac6;cursor:pointer}.connection-card{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #3b404a;border-radius:6px;background:#1d2027}.connection-card>svg{color:#8c7dff}.connection-card span:not(.ready-dot){display:flex;flex:1;flex-direction:column;gap:3px;font-size:11px}.connection-card .ready-dot{flex:none;width:8px;height:8px}.connection-card small{color:#858d9a;font-size:9px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#42d48a;box-shadow:0 0 0 3px #42d48a20}.data-list{display:flex;flex-direction:column;gap:4px}.data-list button{width:100%;min-height:36px;border:1px solid transparent;border-radius:5px;background:transparent;color:#c5cad3;display:flex;align-items:center;gap:8px;padding:7px 8px;text-align:left}.data-list button:hover,.data-list button.active{background:#282447;border-color:#51479b;color:#fff}.data-list button span{flex:1}.data-list button small{color:#747d8b}.method{min-width:34px;font-size:8px;color:#67d49a}.method.post{color:#ab96ff}.method.put,.method.patch{color:#f0b85b}.method.delete{color:#f27878}.data-items,.api-list{display:flex;flex-direction:column;gap:4px;padding:0 12px;overflow:auto}.data-items button,.api-list button{min-height:44px;border:1px solid transparent;border-radius:5px;background:transparent;color:#c5cad3;display:flex;align-items:center;gap:8px;padding:7px 9px;text-align:left}.data-items button.selected,.data-items button:hover,.api-list button:hover{background:#282447;border-color:#51479b;color:#fff}.data-items button>span,.api-list button>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.data-items small,.api-list small{color:#7e8795;font-size:9px}.data-items b{color:#777f8b}.environment-title{margin-top:auto;min-height:38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;letter-spacing:.06em}.environment-title button{border:0;background:transparent;color:#aab1bc}.environment-list{padding:0 12px 12px}.environment-list>div{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;padding:7px 0}.environment-list span{display:flex;gap:4px;align-items:center}.environment-list small{background:#292650;color:#a99eff;padding:2px 4px;border-radius:3px;font-size:7px}.environment-list code{color:#aeb5c0;font-size:8px}.environment-list svg{grid-column:2;grid-row:2;color:#7e8795}.auth-summary{margin:14px 12px;padding:18px;border:1px solid #46408c;border-radius:7px;background:#252141;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.auth-summary>svg{color:#9b90ff}.auth-summary p{color:#969eab;font-size:9px;line-height:1.5}.auth-summary>span{display:flex;align-items:center;gap:6px;color:#66d99d}.auth-summary i{width:7px;height:7px;border-radius:50%;background:#55d690}.env-row{display:grid;grid-template-columns:1fr auto;gap:4px;margin:6px 0;padding:7px 8px;border:1px solid #333842;border-radius:4px;background:#15181d}.env-row code{font-size:9px;color:#c6cad2}.env-row small{color:#6f7784}.environment-switch,.database-status{display:flex;align-items:center;gap:6px;color:#aeb5c0;font-size:10px}.environment-switch button{padding:5px 8px;border:1px solid #3d424b;background:#1c2026;color:#a9b0bc}.environment-switch button:first-child{border-radius:4px 0 0 4px}.environment-switch button:last-child{border-radius:0 4px 4px 0}.environment-switch button.active{background:#2e2859;color:#e5e0ff;border-color:#6558cb}.database-status i{width:6px;height:6px;border-radius:50%;background:#43d28b}.data-workspace{min-height:0;display:grid;grid-template-rows:minmax(300px,1fr) minmax(285px,43%);background:#111419}.schema-canvas{position:relative;overflow:auto;min-height:0;border-bottom:1px solid var(--line);background-color:#15181d;background-image:radial-gradient(#333943 1px,transparent 1px);background-size:17px 17px}.schema-actions{position:sticky;top:10px;left:10px;z-index:5;width:max-content;display:flex;gap:6px}.schema-actions button,.schema-zoom button{border:1px solid #414751;border-radius:5px;background:#1d2128;color:#c8ced7;padding:7px 9px;display:flex;align-items:center;gap:5px}.schema-actions .primary{background:#6558e7;border-color:#776bf1;color:#fff}.schema-table{position:absolute;width:208px;border:1px solid #4e5360;border-radius:7px;overflow:hidden;background:#1d2027;box-shadow:0 10px 24px #0006;z-index:2}.schema-table:first-of-type{border-color:#786cf0;box-shadow:0 0 0 1px #786cf035,0 12px 28px #0008}.schema-table header{height:35px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#262a32;border-bottom:1px solid #3b414b;color:#f2f3f6}.schema-table header strong{flex:1;font-size:11px}.schema-table header span{color:#6e7683}.schema-table>div{display:grid;grid-template-columns:1fr 63px 30px;gap:4px;align-items:center;padding:6px 9px;border-bottom:1px solid #2d323a;font-size:9px}.schema-table>div:last-child{border-bottom:0}.schema-table>div span{color:#8f97a5}.schema-table>div small{color:#a99cff;font-size:7px;text-align:right}.schema-edge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:760px;min-height:320px;pointer-events:none;z-index:1}.schema-edge path{fill:none;stroke:#766cf0;stroke-width:1.5}.schema-zoom{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;background:#191c22;border:1px solid #3a4049;border-radius:5px;overflow:hidden;z-index:4}.schema-zoom button{border:0;border-radius:0;padding:5px 8px}.schema-zoom span{padding:0 8px;color:#9fa6b2;font-size:9px}.query-panel{min-height:0;display:flex;flex-direction:column;background:#14171c;overflow:hidden}.query-panel>header{flex:none;height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-right:10px}.query-panel>header>div{display:flex;align-items:center;gap:5px}.query-panel header button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#929aa7;padding:0 13px}.query-panel header button.active{color:#fff;border-color:#796aff}.query-panel header .run-query{height:29px;border:1px solid #7062e7;border-radius:5px;background:#6558df;color:#fff;padding:0 10px;display:flex;align-items:center;gap:5px}.query-result{min-width:66px;color:#7d8592;font-size:9px}.query-result.visible{color:#53d890}.query-blocks{padding:10px 13px 7px;display:flex;flex-direction:column;gap:6px;overflow:auto}.query-blocks label{display:grid;grid-template-columns:72px minmax(90px,1fr) minmax(100px,1fr) minmax(80px,1fr);gap:6px;align-items:center}.query-blocks b{color:#9d92ff;font-size:9px}.query-blocks input,.query-blocks select{min-width:0;background:#1d2128;border:1px solid #3b414b;border-radius:4px;color:#dce0e7;padding:6px;font-size:9px}.query-table{margin-top:auto;overflow:auto;border-top:1px solid #30353e}.query-row{min-width:620px;display:grid;grid-template-columns:1.65fr 1fr .8fr 1.2fr;border-bottom:1px solid #292e36}.query-row span{padding:7px 10px;color:#aeb4bf;font-size:9px;border-right:1px solid #292e36}.query-row.head span{color:#777fff;background:#1b1e25;text-transform:uppercase;font-size:8px}.query-code{margin:0;padding:22px;color:#b9b1ff;font:11px/1.7 Cascadia Code,monospace;overflow:auto}.data-empty{margin:auto;display:flex;align-items:center;gap:10px;color:#d7dbe3}.data-empty svg{color:#55d591}.data-empty small{color:#7e8795}.activity-list{padding:14px}.activity-list p{display:flex;align-items:center;gap:8px;padding:11px;border-bottom:1px solid #2d323a}.activity-list svg{color:#67d49a;width:14px}.activity-list span{margin-left:auto;color:#7f8793;font-size:9px}.api-workspace,.auth-workspace{min-height:0;display:flex;flex-direction:column;background:#14171c}.api-workspace>header,.auth-workspace>header{height:55px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.api-workspace>header>div,.auth-workspace>header>div{display:flex;gap:9px;align-items:center}.api-workspace header svg,.auth-workspace header svg{color:#8f82ff}.api-workspace header span,.auth-workspace header span{display:flex;flex-direction:column;gap:3px}.api-workspace header small,.auth-workspace header small{color:#7f8795;font-size:9px}.api-workspace header button,.auth-workspace header button{border:1px solid #5e54c6;border-radius:5px;background:#2c2850;color:#e9e6ff;padding:7px 10px;display:flex;align-items:center;gap:5px}.api-workspace-body{min-height:0;flex:1;display:grid;grid-template-columns:240px 1fr}.api-workspace-body nav{overflow:auto;border-right:1px solid var(--line);padding:10px}.api-workspace-body nav button{width:100%;display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:4px;background:transparent;color:#abb2bd;padding:9px;text-align:left}.api-workspace-body nav button.active{background:#282447;border-color:#554da3;color:#fff}.api-workspace-body nav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-workspace-body>section{padding:16px;overflow:auto}.endpoint-line{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.endpoint-line input{background:#1c2027;border:1px solid #3b414b;border-radius:5px;color:#e7e9ee;padding:8px}.endpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.endpoint-grid>div{border:1px solid #353b44;border-radius:6px;padding:12px}.endpoint-grid h4{margin:0 0 10px;color:#8e96a3;font-size:9px;letter-spacing:.08em}.endpoint-grid label{display:flex;justify-content:space-between;align-items:center;color:#aab1bc}.endpoint-grid select{background:#1c2027;color:#ddd;border:1px solid #3c424c;padding:5px}.endpoint-grid p{display:flex;align-items:center;gap:7px;border-top:1px solid #2d323a;padding:8px 0;margin:0}.endpoint-grid p span{margin-left:auto;color:#737c89;font-size:9px}.endpoint-grid p svg{color:#59d590}.api-response{background:#101e18;border:1px solid #2d7653;border-radius:6px;color:#71dfa7;padding:12px;line-height:1.5}.auth-demo{min-height:0;flex:1;display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:32px;align-items:center;justify-content:center;padding:38px;overflow:auto;background-image:radial-gradient(#303640 1px,transparent 1px);background-size:18px 18px}.auth-demo form{background:#1b1f25;border:1px solid #444a55;border-radius:8px;padding:23px;box-shadow:0 18px 50px #0008}.auth-demo form h3{margin:0 0 19px}.auth-demo form label{display:flex;flex-direction:column;gap:5px;margin:10px 0;color:#9ba3af;font-size:9px}.auth-demo form input{background:#12151a;border:1px solid #3b414b;border-radius:5px;color:#fff;padding:9px}.auth-demo form>button{width:100%;border:0;border-radius:5px;background:#6658e8;color:#fff;padding:10px;margin-top:7px}.auth-success{display:flex;gap:7px;align-items:center;margin-top:12px;color:#61d899;font-size:10px}.backend-flow{display:flex;flex-direction:column;align-items:center;gap:0}.backend-flow>div{width:230px;min-height:45px;display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #414751;border-radius:6px;background:#1c2027;position:relative}.backend-flow>div>span svg{width:15px;color:#9286ff}.backend-flow>div>strong{font-size:10px}.backend-flow>div>svg{position:absolute;bottom:-19px;left:107px;width:15px;color:#68717f;z-index:2}.backend-flow>div.complete{border-color:#33885f}.backend-flow>div.complete>span svg{color:#57d895}.data-inspector-section{padding:13px 12px;border-bottom:1px solid var(--line)}.data-inspector-section h4{margin:0 0 10px;color:#858e9b;font-size:9px;letter-spacing:.08em}.selected-table{display:flex;align-items:center;gap:9px;border:1px solid #5149a0;background:#262343;border-radius:5px;padding:9px}.selected-table svg{color:#9a8cff}.selected-table span{display:flex;flex-direction:column;gap:3px}.selected-table small{color:#858d9a;font-size:8px}.field-card{width:100%;display:grid;grid-template-columns:18px 1fr auto;gap:4px;align-items:center;border:1px solid #363b44;border-radius:4px;background:#1a1d23;color:#e4e7ec;padding:7px 8px;margin-bottom:5px;text-align:left}.field-card>span{color:#9588ff}.field-card small{color:#9da5b2}.field-card em{grid-column:2/4;color:#6f7886;font-size:8px;font-style:normal}.relationship-button{width:100%;margin-top:6px;border:1px solid #3d434d;border-radius:5px;background:transparent;color:#aeb6c2;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:#b7bdc7}.toggle-row span{display:flex;align-items:center;gap:6px}.permission{display:flex;align-items:center;gap:6px;color:#87d9ad;margin:7px 0}.role-card{border:1px solid #373d46;border-radius:5px;padding:9px;margin-bottom:7px}.role-card>strong{display:block;margin-bottom:7px}.role-card label{display:flex;align-items:center;gap:6px;color:#969eab;padding:3px}.security-check{text-align:center;padding:16px;border:1px solid #2d7653;border-radius:6px;background:#16251f;margin-bottom:12px}.security-check svg{color:#54d690}.security-check p{color:#8d979f;font-size:9px;line-height:1.5}.data-binding-inspector{overflow:auto}.binding-card{margin:10px 12px;padding:11px;border:1px solid #4a4393;border-radius:6px;background:#252142}.binding-card label{display:flex;flex-direction:column;gap:5px;margin:8px 0;color:#9da5b2}.binding-card select{background:#171a20;color:#fff;border:1px solid #414751;padding:7px;border-radius:4px}.app-shell.light .data-panel,.app-shell.light .data-workspace,.app-shell.light .query-panel,.app-shell.light .api-workspace,.app-shell.light .auth-workspace{background:#fff}.app-shell.light .connection-card,.app-shell.light .schema-table,.app-shell.light .field-card{background:#f7f8fa;color:#252b36}.deploy-workspace .deploy-failed{color:#ef8383;border-color:#8d4848}.pipeline-failed .stage-line{background:#8d4848}.stage-failed i{background:#b94d59}.stage-failed strong{color:#ef8383}.assets-workspace{min-height:0;background:#13161b;overflow:auto}.assets-workspace>header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.assets-workspace h2{margin:0;font-size:17px}.assets-workspace header p{margin:5px 0 0;color:#89919e;font-size:9px}.asset-upload{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:5px;cursor:pointer}.asset-upload input{position:absolute;width:1px;height:1px;opacity:0}.asset-security-strip{margin:14px;border:1px solid #347855;border-radius:7px;background:#17251f;color:#59d694;padding:13px;display:flex;align-items:center;gap:10px}.asset-security-strip svg{width:20px}.asset-security-strip span{display:flex;flex-direction:column;gap:3px}.asset-security-strip small{color:#9cb2a6}.asset-grid{padding:0 14px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:10px}.asset-card{min-height:105px;border:1px solid #383e47;border-radius:7px;background:#181b21;padding:12px;display:grid;grid-template-columns:28px 1fr;gap:10px}.asset-card>svg{color:#8e82ff}.asset-card span{min-width:0;display:flex;flex-direction:column;gap:4px}.asset-card small{color:#89919e}.asset-card code{overflow:hidden;text-overflow:ellipsis;color:#8f98a5;font-size:8px}.asset-card em{grid-column:1/-1;color:#59d694;font-style:normal;font-size:9px}.asset-rejected{border-color:#8d4848}.asset-rejected>svg,.asset-rejected em{color:#ef8383}.asset-empty{grid-column:1/-1;min-height:260px;border:1px dashed #3c424c;border-radius:8px;display:grid;place-items:center;align-content:center;text-align:center;color:#8e96a3}.asset-empty svg{width:38px;height:38px}.asset-empty h3{margin:12px 0 4px;color:#e7e9ed}.asset-empty p{margin:0}.asset-panel .permission-row{padding:7px 12px}.asset-inspector .sync-hero{margin-top:12px}.editor-grid.advanced-mode{grid-template-columns:368px minmax(560px,1fr) 324px}.advanced-left{grid-template-columns:78px 290px}.advanced-rail{padding-top:10px}.advanced-rail button{height:66px}.advanced-panel{min-height:0;display:flex;flex-direction:column;background:#171a20;overflow:hidden}.advanced-panel>h3{height:50px;flex:none;margin:0;padding:0 16px;display:flex;align-items:center;font-size:12px;letter-spacing:.05em}.advanced-panel>h4,.advanced-panel .installed-summary h4{margin:15px 14px 8px;color:#8e96a3;font-size:9px;letter-spacing:.08em}.advanced-tabs{height:41px;display:flex;border-bottom:1px solid var(--line);padding:0 10px}.advanced-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#9aa2ae;font-size:10px}.advanced-tabs button.active{color:#fff;border-color:#7668f4}.category-list{padding:0 10px;display:flex;flex-direction:column}.category-list button{height:29px;border:0;border-radius:4px;background:transparent;color:#a8b0bc;display:flex;align-items:center;text-align:left;padding:0 8px}.category-list button span{flex:1}.category-list button small{color:#7970de}.category-list button.active{background:#282447;color:#9e93ff}.installed-summary{margin-top:auto;border-top:1px solid var(--line);padding-bottom:10px;max-height:300px;overflow:auto}.installed-summary h4{display:flex;justify-content:space-between}.installed-summary p{display:flex;align-items:center;gap:8px;margin:0;padding:5px 14px;color:#c7ccd5}.installed-summary p i,.technology-list i{width:7px;height:7px;background:#56d69a;border-radius:50%}.installed-summary p span{flex:1}.installed-summary code{font-size:9px;color:#929ba8}.advanced-summary{margin:16px 12px;padding:18px;border:1px solid #46408c;border-radius:7px;background:#252141;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px}.advanced-summary svg{color:#9a8fff}.advanced-summary p{color:#969eab;font-size:9px;line-height:1.5}.technology-list{overflow:auto;padding:0 10px}.technology-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #2e333b}.technology-list span{display:flex;flex-direction:column;gap:2px}.technology-list small{color:#7f8794;font-size:8px}.technology-list code{color:#aeb5c0;font-size:8px}.ecosystem-workspace,.deploy-workspace,.history-workspace{min-height:0;background:#13161b;overflow:auto}.ecosystem-workspace>header,.deploy-workspace>header,.history-workspace>header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.ecosystem-workspace h2,.deploy-workspace h2,.history-workspace h2{margin:0;font-size:17px}.ecosystem-workspace header p,.deploy-workspace header p,.history-workspace header p{margin:5px 0 0;color:#89919e;font-size:9px}.ecosystem-workspace>header label{width:330px;height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #383e47;border-radius:5px;background:#181b21;color:#88909d}.ecosystem-workspace>header input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#eee}.market-table{margin:12px;border:1px solid #343a43;border-radius:6px;overflow:hidden}.market-row{width:100%;min-width:780px;display:grid;grid-template-columns:1.65fr .72fr .48fr .88fr 1fr .6fr .5fr;gap:8px;align-items:center;min-height:58px;padding:7px 9px;border:0;border-bottom:1px solid #2e333b;background:#171a20;color:#c6cbd4;text-align:left;font-size:9px}.market-row.head{min-height:31px;background:#1e2229;color:#969eaa}.market-row.selected{box-shadow:inset 3px 0 #7567f5;background:#211f37}.market-name{display:flex;align-items:center;gap:9px}.market-name>b{width:33px;height:33px;border:1px solid #6559d9;border-radius:4px;background:linear-gradient(135deg,#202844,#6754df);display:grid;place-items:center;font-size:16px}.market-name>span{display:flex;flex-direction:column;gap:3px}.market-name small{color:#7e8794;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.requirement-list{display:flex;gap:3px;flex-wrap:wrap}.requirement-list code,.tag-list code{padding:3px 5px;border:1px solid #373d46;border-radius:3px;background:#1c2026;font-size:7px}.healthy{color:#59d694}.healthy i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55d593}.market-row .install,.market-row .installed{padding:6px 8px;border:1px solid #6659d5;border-radius:4px;text-align:center;color:#a99eff}.market-row .install{background:#6658e8;color:#fff}.market-row .installed{color:#59d694;border-color:#347855}.dependency-pane{height:312px;margin:12px;border:1px solid #333943;border-radius:6px;overflow:hidden}.dependency-pane>header{height:38px;display:flex;border-bottom:1px solid #343a43}.dependency-pane header button{border:0;border-bottom:2px solid transparent;background:transparent;color:#9ba3af;padding:0 12px;font-size:9px}.dependency-pane header button.active{color:#a99eff;border-color:#7668f3}.dependency-pane header span{flex:1}.dependency-canvas{height:274px;position:relative;background-color:#15181d;background-image:radial-gradient(#303640 1px,transparent 1px);background-size:16px 16px}.dependency-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dependency-canvas path{fill:none;stroke:#8993a0;stroke-width:1.3}.dependency-node{position:absolute;width:145px;height:52px;border:1px solid #4d5360;border-radius:6px;background:#1d2128;display:flex;align-items:center;gap:7px;padding:8px}.dependency-node>svg{width:17px;color:#8f84ff}.dependency-node span{display:flex;flex:1;flex-direction:column;gap:2px}.dependency-node small{color:#858e9b;font-size:8px}.dependency-node>svg:last-child{width:12px;color:#55d694}.dependency-node.app{left:3%;top:110px;border-color:#3e91dc}.dependency-node.react{left:25%;top:45px;border-color:#8b70eb}.dependency-node.backend{left:25%;top:170px;border-color:#49b77d}.dependency-node.leaf{left:53%}.dependency-node.leaf-0{top:18px}.dependency-node.leaf-1{top:78px}.dependency-node.leaf-2{top:144px}.dependency-node.leaf-3{top:205px}.technology-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.technology-overview section{min-height:160px;border:1px solid #383e47;border-radius:7px;background:#181b21;padding:18px;display:flex;flex-direction:column;gap:9px}.technology-overview svg{color:#8e82ff}.technology-overview b{font-size:16px}.technology-overview p{color:#89919e;line-height:1.5}.advanced-inspector,.ai-inspector{min-height:0;background:#171a20;border-left:1px solid var(--line);overflow:auto}.advanced-inspector>header,.plugin-inspector>header{height:50px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.07em}.plugin-title{display:flex;gap:12px;align-items:center;padding:18px 15px;border-bottom:1px solid var(--line)}.plugin-title>b{width:48px;height:48px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,#725ff0,#4733c5);font-size:23px}.plugin-title>span{display:flex;flex-direction:column;gap:4px}.plugin-title small{color:#8c95a2}.plugin-title em{font-style:normal;color:#59d694}.plugin-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55d694}.plugin-inspector section,.sync-inspector section{padding:12px 15px;border-bottom:1px solid var(--line)}.plugin-inspector section>p,.sync-inspector section>p{display:flex;justify-content:space-between;gap:10px;padding:7px 0;margin:0}.plugin-inspector section h4,.sync-inspector section h4{font-size:9px;color:#929aa7;letter-spacing:.07em}.permission-row{display:flex!important;align-items:center;justify-content:flex-start!important}.permission-row svg{width:13px;color:#969eaa}.permission-row span{flex:1}.permission-row svg:last-child{color:#55d694}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.prose{display:block!important;color:#979fac;line-height:1.55}.advanced-primary{border:1px solid #7769ee!important;border-radius:5px!important;background:linear-gradient(135deg,#6d5bea,#6547dc)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px!important}.advanced-primary:disabled{opacity:.65}.plugin-inspector>.advanced-primary,.sync-inspector>.advanced-primary{width:calc(100% - 30px);margin:18px 15px}.advanced-primary svg{width:14px}.provider-list,.environment-cards,.revision-list{padding:0 12px;display:flex;flex-direction:column;gap:6px}.provider-list button,.environment-cards button,.revision-list button{min-height:50px;border:1px solid #363c45;border-radius:5px;background:#191c22;color:#cbd0d9;display:flex;align-items:center;gap:9px;padding:8px;text-align:left}.provider-list button.active,.environment-cards button.active,.revision-list button.active{border-color:#7668ec;background:#252140}.provider-list svg{width:17px}.provider-list span,.environment-cards span,.revision-list span{flex:1;display:flex;flex-direction:column;gap:3px}.provider-list small,.environment-cards small,.revision-list small{color:#818a97;font-size:8px}.provider-list>button>svg:last-child{color:#52d590;width:12px}.environment-cards i{width:7px;height:7px;border-radius:50%;background:#55d694}.revision-list>button>svg{width:15px;color:#8f83ff}.revision-list b{color:#58d596}.deploy-workspace{padding:0 18px 18px}.deploy-workspace>header{padding:0}.deploy-workspace h2 span{font-size:9px;color:#59d694;border:1px solid #347b56;border-radius:4px;padding:4px 6px;margin-left:7px}.presence{display:flex}.presence i{width:28px;height:28px;border:2px solid #16191f;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;margin-left:-5px}.presence button{width:30px;border:1px solid #3a4049;border-radius:5px;background:#1b1f25;color:#b9c0ca;margin-left:7px}.presence svg{width:14px}.deploy-meta{min-height:70px;margin-top:12px;border:1px solid #373d46;border-radius:6px;display:flex;align-items:center;gap:15px;padding:12px}.deploy-meta p{display:flex;flex-direction:column;gap:4px;padding-right:15px;border-right:1px solid #333943}.deploy-meta span{color:#858d99;font-size:8px}.deploy-meta button{border:1px solid #414751;border-radius:5px;background:#1b1f25;color:#d6d9df;padding:8px 10px;display:flex;gap:6px;align-items:center}.pipeline{height:76px;margin:12px 0 0;border:1px solid #373d46;border-radius:6px;display:flex;align-items:center;justify-content:space-around;position:relative}.stage-line{position:absolute;left:9%;right:9%;top:28px;height:2px;background:#4ebd82}.stage{width:100px;z-index:1;display:grid;grid-template-columns:24px 1fr;align-items:center}.stage i{grid-row:1/3;width:20px;height:20px;border-radius:50%;background:#4ebb82;display:grid;place-items:center}.stage svg{width:12px}.stage small{color:#848d99}.comment-layer{height:108px;position:relative}.comment-layer>button{position:absolute;top:10px;width:240px;min-height:87px;border:1px solid;border-radius:7px;background:#1a1e24;color:#e4e7eb;display:flex;gap:8px;padding:10px;text-align:left}.comment-layer>button>i{width:27px;height:27px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:8px;font-style:normal}.comment-layer span{display:flex;flex-direction:column;gap:5px}.comment-layer small{line-height:1.4}.comment-layer em{color:#9085ef;font-style:normal;font-size:8px}.deploy-logs{height:190px;border:1px solid #353b44;border-radius:6px;overflow:hidden}.deploy-logs>header{height:38px;display:flex;border-bottom:1px solid #343a43}.deploy-logs header button{border:0;border-bottom:2px solid transparent;background:transparent;color:#929aa7;padding:0 11px;font-size:9px}.deploy-logs header button.active{color:#a99eff;border-color:#7769ee}.deploy-logs header span{flex:1}.deploy-logs header em{display:flex;align-items:center;gap:5px;color:#55d694;padding-right:10px;font-size:8px}.deploy-logs header i{width:6px;height:6px;border-radius:50%;background:#55d694}.deploy-logs pre{margin:0;padding:12px;color:#aeb6c1;font:9px/1.65 Cascadia Code,monospace}.log-list{padding:8px}.log-list p{display:flex;align-items:center;gap:7px;margin:0;padding:7px;border-bottom:1px solid #2d323a}.log-list svg{width:13px;color:#55d694}.log-list span{margin-left:auto;color:#55d694}.revision-band{margin-top:12px;border:1px solid #353b44;border-radius:6px}.revision-band>header{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #343a43;font-size:9px}.revision-band header span{flex:1}.revision-band header button{border:1px solid #414751;background:#1b1f25;color:#cdd2da;padding:5px 8px}.revision-band>div{display:grid;grid-template-columns:100px 1fr auto 1fr;gap:10px;padding:10px}.revision-band aside{display:grid;grid-template-columns:auto 1fr;gap:6px}.revision-band section h4{margin:0 0 7px}.revision-band section p{margin:0;padding:4px;display:flex;gap:6px;color:#aeb5c0}.revision-band section svg{width:12px}.revision-band .added{color:#55d694}.revision-band .removed{color:#f07474}.revision-band .changed{color:#f2bd63}.ai-inspector{padding:10px;display:flex;flex-direction:column;gap:10px}.ai-panel,.sync-panel{border:1px solid #3a4049;border-radius:7px;background:#181b21}.ai-panel>header,.sync-panel>header{height:41px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid #343a43;font-size:9px}.ai-panel header svg,.sync-panel header svg{width:14px;color:#9a8fff}.ai-panel header span,.sync-panel header span{margin-left:auto}.ai-user{margin:10px 10px 7px 80px;padding:9px;border:1px solid #554a9a;border-radius:6px;background:#2b2750}.ai-user p{margin:5px 0 0;line-height:1.45}.ai-response{margin:7px 10px 10px;padding:9px;border:1px solid #363c45;border-radius:6px}.ai-response>strong{display:flex;align-items:center;gap:6px}.ai-response>strong svg{width:13px;color:#9b8fff}.ai-response>p{color:#a6aeba;line-height:1.5}.ai-response>div>p{margin:0;display:flex;align-items:center;gap:6px;padding:6px;border-top:1px solid #2f343d}.ai-response>div>p svg{width:12px}.ai-response>div>p span{min-width:0;flex:1;display:flex;flex-direction:column}.ai-response>div small{color:#7e8794;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-response>div b{color:#57d695}.ai-response footer{display:flex;gap:7px;padding-top:9px}.ai-response footer button{flex:1;border:1px solid #414751;border-radius:5px;background:#20242b;color:#d5d8de;padding:8px}.sync-bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:10px}.sync-bridge button{border:1px solid #3b414b;background:#1d2128;color:#d6d9df;padding:8px;display:flex;align-items:center;gap:6px}.sync-bridge svg{width:13px}.sync-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0 10px 10px}.sync-stats p{margin:0;border:1px solid #343a43;padding:8px;display:flex;flex-direction:column;gap:3px;font-size:8px}.sync-action{width:calc(100% - 20px);margin:0 10px 10px;border:1px solid #414751;border-radius:5px;background:#1d2128;color:#ddd;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px}.sync-action svg{width:13px}.history-workspace{padding:0 16px 16px}.history-workspace>header{padding:0}.history-workspace>header button{border:1px solid #414751;background:#1b1f25;color:#d4d8df;padding:8px 10px;display:flex;align-items:center;gap:6px}.history-compare{display:grid;grid-template-columns:1fr 36px 1fr;gap:8px;align-items:center;margin-top:14px}.history-compare>section{min-height:230px;border:1px solid #373d46;border-radius:6px;background:#181b21;padding:14px}.history-compare h3{margin:0}.history-compare section>p{color:#828b98}.history-compare section>div{display:flex;align-items:center;gap:7px;padding:8px;border-top:1px solid #2e333b}.history-compare section>div svg{width:13px}.history-compare .added{color:#58d698}.history-compare>svg{color:#8f83ff}.import-manager{margin-top:14px;border:1px solid #373d46;border-radius:6px;background:#181b21;overflow:hidden}.import-manager>header{min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #343a43}.import-manager header>div{display:flex;align-items:center;gap:9px}.import-manager header span{display:flex;flex-direction:column;gap:3px}.import-manager header small{color:#818a96;font-size:8px}.import-manager header em{display:flex;align-items:center;gap:5px;color:#58d697;font-style:normal}.import-manager>div{padding:13px;display:grid;grid-template-columns:220px 1fr auto;gap:10px;align-items:end}.import-manager label{display:flex;flex-direction:column;gap:6px;color:#949ca9;font-size:9px}.import-manager input,.import-manager textarea{background:#111419;border:1px solid #3b414b;border-radius:5px;color:#e3e6eb;padding:8px}.import-manager textarea{height:58px;resize:none}.import-record{margin:0 13px 13px;padding:10px;border:1px solid #347b56;background:#17261f;display:flex;align-items:center;gap:8px}.import-record svg{width:14px;color:#56d696}.import-record span{flex:1;display:flex;flex-direction:column}.import-record small{color:#89928e}.import-record b{color:#58d697}.sync-hero{margin:14px;padding:18px;border:1px solid #4a438e;border-radius:7px;background:#252141;text-align:center}.sync-hero svg{color:#9a8fff}.sync-hero strong{display:block;margin:8px}.sync-hero p{color:#9ba3af;font-size:9px;line-height:1.5}.advanced-mode-switch{display:flex;border:1px solid #343a43;border-radius:5px;overflow:hidden}.advanced-mode-switch button{border:0!important;border-radius:0!important;background:transparent!important;color:#a5acb7!important;padding:7px 18px!important}.advanced-mode-switch button.active{background:#2a254b!important;color:#a99eff!important;box-shadow:inset 0 -2px #786af2}.collaborator-avatars{display:flex;margin-right:5px}.collaborator-avatars i{width:25px;height:25px;border:2px solid #12151a;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:7px;margin-left:-5px}.share-button{display:flex!important}@media(max-width:1200px){.editor-grid.advanced-mode{grid-template-columns:300px minmax(520px,1fr) 300px}.advanced-left{grid-template-columns:58px 242px}.advanced-rail button{height:58px}.advanced-rail span{font-size:8px}.market-row{grid-template-columns:1.5fr .7fr .5fr .8fr .8fr .6fr .5fr}.market-row>span:nth-child(4){display:none}.market-row{grid-template-columns:1.5fr .7fr .5fr .8fr .6fr .5fr}.ai-user{margin-left:35px}}.plugin-inspector>.advanced-primary,.sync-inspector>.advanced-primary{position:sticky;bottom:8px;box-shadow:0 -8px 22px #171a20}.security-workspace{min-height:0;overflow:auto;background:#13161b;padding:0 16px 16px}.security-workspace>header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.security-workspace h2{margin:0;font-size:17px}.security-workspace header p{margin:5px 0 0;color:#89919e;font-size:9px}.security-health{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #347855;border-radius:5px;color:#59d694}.security-health i{width:7px;height:7px;border-radius:50%;background:#59d694}.security-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.security-overview article{min-height:98px;border:1px solid #383e47;border-radius:7px;background:#181b21;padding:13px;display:flex;gap:10px;align-items:flex-start}.security-overview article>svg{width:20px;color:#998dfb}.security-overview article>svg:last-child{width:14px;color:#59d694;margin-left:auto}.security-overview article span{display:flex;flex-direction:column;gap:5px}.security-overview small{font-size:7px;letter-spacing:.08em;color:#858e9b}.security-overview p{margin:0;color:#8d96a3;font-size:8px;line-height:1.5}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.member-access,.secret-vault,.audit-stream{border:1px solid #373d46;border-radius:7px;background:#181b21;overflow:hidden}.member-access>header,.secret-vault>header,.audit-stream>header{min-height:55px;border-bottom:1px solid #343a43;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.member-access header>div,.secret-vault header>div,.audit-stream header>div{display:flex;align-items:center;gap:8px}.member-access header svg,.secret-vault header svg,.audit-stream header svg{width:16px;color:#9689f7}.member-access header span,.secret-vault header span,.audit-stream header span{display:flex;flex-direction:column;gap:3px}.member-access header small,.secret-vault header small,.audit-stream header small{font-size:8px;color:#828b98}.member-access header>b,.secret-vault header>b{font-size:8px;color:#59d694}.member-access>div,.secret-vault>div{height:51px;padding:8px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #2c3139}.member-access>div>i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-style:normal}.member-access>div>span,.secret-vault>div>span{display:flex;flex:1;flex-direction:column;gap:3px}.member-access small,.secret-vault small{font-size:8px;color:#828b98}.member-access em,.secret-vault em{font-style:normal;font-size:8px;padding:4px 7px;border:1px solid #4a438e;border-radius:10px;color:#a99eff}.member-access .role-owner{color:#59d694;border-color:#347855}.secret-vault>div>svg{width:15px;color:#a99eff}.audit-stream{margin-top:10px}.audit-stream>header{justify-content:flex-start}.audit-stream header>div{flex:1}.audit-stream header>button{border:1px solid #414751;border-radius:5px;background:#1d2128;color:#d6d9df;padding:7px 9px;display:flex;gap:6px;align-items:center}.audit-head,.audit-row{display:grid;grid-template-columns:1fr 1.15fr 1fr .9fr .65fr;gap:8px;padding:8px 12px;align-items:center}.audit-head{background:#20242b;color:#858e9b;font-size:8px}.audit-row{border-top:1px solid #2d323a}.audit-row code{font-size:8px;color:#aeb6c2}.audit-row em{font-style:normal;display:flex;align-items:center;gap:4px}.audit-row em svg{width:11px}.audit-row .allowed{color:#59d694}.audit-row .denied{color:#ef7777}.security-nav{padding:0 12px;display:flex;flex-direction:column;gap:6px}.security-nav button{min-height:52px;border:1px solid #363c45;border-radius:5px;background:#191c22;color:#cbd0d9;display:flex;align-items:center;gap:9px;padding:8px;text-align:left}.security-nav button.active{border-color:#7668ec;background:#252140}.security-nav svg{width:17px}.security-nav span{display:flex;flex:1;flex-direction:column;gap:3px}.security-nav small{font-size:8px;color:#818a97}.security-nav>button>svg:last-child{width:12px;color:#59d694}.security-inspector section{padding:12px 15px;border-bottom:1px solid var(--line)}.security-inspector section>p{display:flex;justify-content:space-between;gap:9px;margin:0;padding:7px 0}.security-inspector .permission-row svg{color:#59d694}@media(max-width:1400px){.editor-grid.advanced-mode{grid-template-columns:300px minmax(500px,1fr) 285px}.advanced-left{grid-template-columns:58px 242px}.advanced-rail button{height:58px}.advanced-rail span{font-size:8px}.market-row{min-width:0;grid-template-columns:1.55fr .65fr .48fr .55fr .48fr}.market-row>span:nth-child(4),.market-row>span:nth-child(5){display:none}.ecosystem-workspace>header label{width:250px}.ai-user{margin-left:35px}.advanced-mode-switch button{padding:7px 9px!important;font-size:9px}.topbar .collaborator-avatars,.topbar .share-button{display:none}.topbar .project-select{width:120px}}@media(max-width:820px){.editor-grid.advanced-mode{display:block;overflow:auto;width:100%;min-width:0}.advanced-mode .advanced-left,.advanced-mode .advanced-inspector,.advanced-mode .ai-inspector{display:none}.ecosystem-workspace,.deploy-workspace,.history-workspace{width:100%;min-width:0;min-height:100%}.app-shell{width:100vw;min-width:0}.topbar{width:100%;min-width:0;overflow:hidden}.topbar .project-select,.topbar .add-page,.topbar>.divider,.topbar .save-state,.topbar .collaborator-avatars,.topbar .share-button,.toolbar-actions .publish{display:none}.advanced-mode-switch button{padding:7px 10px!important;font-size:9px}.toolbar-actions{display:none}.ecosystem-workspace>header{height:70px;padding:0 12px}.ecosystem-workspace>header label{display:none}.market-table{margin:8px}.market-row{grid-template-columns:1fr 64px;padding:7px}.market-row>span:nth-child(2),.market-row>code:nth-child(3),.market-row>span:nth-child(4),.market-row>span:nth-child(5),.market-row>span:nth-child(6){display:none}.market-name small{max-width:210px}.dependency-pane{margin:8px}.dependency-node{width:125px}.dependency-node.app{left:2%}.dependency-node.react,.dependency-node.backend{left:35%}.dependency-node.leaf{display:none}.deploy-workspace,.history-workspace{padding:0 10px 12px}.deploy-meta{overflow:auto}.deploy-meta p{min-width:125px}.pipeline{overflow:auto;justify-content:flex-start;gap:20px;padding:0 14px}.stage{min-width:95px}.comment-layer{height:auto;display:flex;flex-direction:column;gap:8px;padding:8px 0}.comment-layer>button{position:static!important;width:100%}.revision-band>div{min-width:650px}.history-compare{grid-template-columns:1fr}.history-compare>svg{transform:rotate(90deg);margin:auto}.import-manager>div{grid-template-columns:1fr}.import-manager textarea{height:90px}.statusbar{gap:10px;overflow:hidden}.statusbar>div:nth-of-type(n+3){display:none}.security-workspace{padding:0 10px 12px}.security-overview,.security-grid{grid-template-columns:1fr}.audit-stream{overflow:auto}.audit-stream>header,.audit-head,.audit-row{min-width:650px}}@media(max-width:820px){.topbar .toolbar-actions{display:flex;margin-left:0}.topbar .toolbar-actions .preview-action{display:grid;width:31px;height:29px;padding:0;place-items:center}.topbar .toolbar-actions .preview-action span{display:none}}.operations-workspace{min-height:0;background:#13161b;overflow:auto}.operations-workspace>header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.operations-workspace h2{margin:0;font-size:17px}.operations-workspace header p{margin:5px 0 0;color:#89919e;font-size:9px}.operations-health{color:#59d694;border:1px solid #347855;border-radius:5px;padding:7px 9px}.operations-health i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#59d694;margin-right:6px}.operations-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.operations-metrics article{border:1px solid #383e47;border-radius:7px;background:#181b21;padding:13px;display:grid;grid-template-columns:25px 1fr 16px;gap:8px}.operations-metrics svg{color:#8e82ff;width:20px}.operations-metrics span{display:flex;flex-direction:column;gap:4px}.operations-metrics small{color:#89919e;font-size:8px}.operations-metrics strong{font-size:19px}.operations-metrics p{margin:0;color:#89919e;font-size:8px}.operations-metrics article>svg:last-child{color:#59d694;width:14px}.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}.operations-grid>section,.restore-drill{border:1px solid #383e47;border-radius:7px;background:#181b21}.operations-grid section>header,.restore-drill>header{display:flex;align-items:center;gap:9px;padding:13px;border-bottom:1px solid #343a43}.operations-grid header span,.restore-drill header span{display:flex;flex-direction:column;gap:3px}.operations-grid header small,.restore-drill header small{color:#89919e}.rate-limit-value{display:flex;align-items:center;gap:12px;padding:16px}.rate-limit-value b{font-size:34px;color:#8e82ff}.operations-grid section>p{display:flex;align-items:center;gap:7px;margin:0;padding:7px 14px;color:#aeb5c0}.operations-grid section>p svg{width:13px;color:#59d694}.on-call{display:flex;align-items:center;gap:9px;padding:16px}.on-call i{width:30px;height:30px;border-radius:50%;background:#6558e8;display:grid;place-items:center;font-style:normal}.on-call span{display:flex;flex-direction:column;gap:3px}.on-call small{color:#89919e}.on-call em{margin-left:auto;color:#59d694;font-style:normal}.restore-drill{margin:10px 14px 14px}.restore-drill>header div{display:flex;align-items:center;gap:9px}.restore-drill>header button{margin-left:auto}.drill-pending,.drill-result{display:flex;align-items:center;gap:10px;padding:18px}.drill-pending span,.drill-result span{display:flex;flex-direction:column;gap:4px}.drill-pending small,.drill-result small{color:#89919e}.drill-result{color:#59d694}.drill-result em{margin-left:auto;font-style:normal;border:1px solid #347855;border-radius:4px;padding:5px}.operations-panel>button{width:calc(100% - 24px);margin:0 12px 7px;min-height:50px;border:1px solid #363c45;border-radius:5px;background:#191c22;color:#cbd0d9;display:flex;align-items:center;padding:8px;text-align:left}.operations-panel>button span{flex:1;display:flex;flex-direction:column;gap:3px}.operations-panel>button small{color:#818a97}.operations-panel>button.active{border-color:#7668ec;background:#252140}.operations-inspector .sync-hero{margin-top:12px}@media(max-width:820px){.operations-metrics{grid-template-columns:1fr 1fr}.operations-grid{grid-template-columns:1fr}.operations-workspace>header{height:92px;padding:10px 14px}.operations-health{font-size:9px}.restore-drill>header{align-items:flex-start}.restore-drill>header button{white-space:nowrap}.drill-result em{display:none}}@media(max-width:1400px){.app-shell:has(.editor-grid.advanced-mode) .topbar .brand,.app-shell:has(.editor-grid.advanced-mode) .topbar>.divider,.app-shell:has(.editor-grid.advanced-mode) .topbar .project-select,.app-shell:has(.editor-grid.advanced-mode) .topbar .add-page,.app-shell:has(.editor-grid.advanced-mode) .topbar .share-button,.app-shell:has(.editor-grid.advanced-mode) .topbar .collaborator-avatars{display:none!important}}.collaboration-workspace{min-height:0;background:#13161b;overflow:auto}.collaboration-workspace>header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.collaboration-workspace h2{margin:0;font-size:17px}.collaboration-workspace header p{margin:5px 0 0;color:#89919e;font-size:9px}.collaboration-live{display:flex;align-items:center;gap:6px;color:#59d694;border:1px solid #347855;border-radius:5px;padding:7px 9px}.collaboration-live svg{width:13px}.collaboration-status{margin:14px;border:1px solid #3c4350;border-radius:7px;background:#1a1e25;display:flex;align-items:center;gap:10px;padding:13px}.collaboration-status>svg{color:#8e82ff}.collaboration-status span{display:flex;flex:1;flex-direction:column;gap:4px}.collaboration-status small{color:#89919e}.collaboration-status em{font-style:normal;color:#a99eff}.collaboration-status button{display:flex;align-items:center;gap:6px;border:1px solid #454c58;border-radius:5px;background:#22262d;color:#cbd0d9;padding:8px}.collaboration-status button svg{width:13px}.collaboration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 14px}.collaboration-grid>section{min-height:290px;border:1px solid #383e47;border-radius:7px;background:#181b21}.collaboration-grid>section>header{display:flex;align-items:center;gap:9px;padding:13px;border-bottom:1px solid #343a43}.collaboration-grid header>svg{color:#8e82ff}.collaboration-grid header span{display:flex;flex-direction:column;gap:3px}.collaboration-grid header small{color:#89919e}.operation-row{display:grid;grid-template-columns:35px 1fr minmax(90px,45%);gap:8px;align-items:center;padding:12px;border-bottom:1px solid #303640}.operation-row b{color:#a99eff}.operation-row span{display:flex;flex-direction:column;gap:3px}.operation-row small{color:#89919e}.operation-row code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bdc3cd}.conflict-empty,.conflict-resolved,.conflict-card{margin:14px;border:1px solid #3c4350;border-radius:6px;padding:16px;display:flex;align-items:flex-start;gap:10px}.conflict-empty>svg,.conflict-resolved>svg{color:#59d694}.conflict-empty span,.conflict-resolved span,.conflict-card>span{display:flex;flex:1;flex-direction:column;gap:5px}.conflict-empty small,.conflict-resolved small,.conflict-card small{color:#89919e;line-height:1.45}.conflict-empty button{align-self:center;white-space:nowrap}.conflict-card{border-color:#8b6440;background:#2a211b}.conflict-card>svg{color:#f0a85b}.conflict-card code{padding:6px;border-radius:4px;background:#17191e;color:#d2d6dd}.conflict-card>div{display:flex;flex-direction:column;gap:6px}.conflict-card>div button{white-space:nowrap;border:1px solid #535a65;border-radius:4px;background:#242830;color:#d4d8df;padding:7px}.presence-person{margin:0 12px 7px;padding:9px;border:1px solid #363c45;border-radius:5px;background:#191c22;display:flex;align-items:center;gap:8px}.presence-person>i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px}.presence-person span{display:flex;flex:1;flex-direction:column;gap:3px}.presence-person small{color:#89919e}.presence-person>em{width:7px;height:7px;border-radius:50%;background:#59616c}.presence-person>em.online{background:#59d694}.collaboration-policy{display:flex;align-items:center;gap:7px;padding:5px 13px;margin:0;color:#aeb5c0}.collaboration-policy svg{width:13px;color:#59d694}.collaboration-inspector .sync-hero{margin-top:12px}.collaboration-inspector section{padding:12px 15px;border-bottom:1px solid var(--line)}.collaboration-inspector section>p{display:flex;justify-content:space-between;gap:8px}@media(max-width:820px){.collaboration-workspace>header{height:88px;padding:10px 14px}.collaboration-live{font-size:8px}.collaboration-status{margin:9px;padding:10px;gap:7px}.collaboration-status em{font-size:8px;white-space:nowrap}.collaboration-status button{font-size:0;padding:6px}.collaboration-status button svg{width:15px}.collaboration-grid{grid-template-columns:1fr;padding:0 9px 10px}.collaboration-grid>section{min-height:230px}.conflict-empty,.conflict-card{flex-wrap:wrap}.conflict-empty button,.conflict-card>div{width:100%}.conflict-card>div{flex-direction:row}.conflict-card>div button{flex:1}}.transport-contract{margin:0 14px 14px;border:1px solid #4a505c;border-radius:7px;background:#181c22;display:flex;align-items:center;gap:10px;padding:12px}.transport-contract>svg{color:#8e82ff}.transport-contract>span{display:flex;flex:1;flex-direction:column;gap:4px}.transport-contract small{color:#89919e}.transport-contract>div{display:flex;align-items:center;gap:9px}.transport-contract i{font-style:normal;color:#a99eff}.transport-contract button{white-space:nowrap}.transport-contract.verified{border-color:#347855}.transport-contract.verified>svg,.transport-contract.verified i{color:#59d694}@media(max-width:820px){.transport-contract{margin:0 9px 9px;flex-wrap:wrap}.transport-contract>div{width:100%;justify-content:space-between}.transport-contract button{padding:7px!important}}.operations-integrations{margin:10px 14px 0;border:1px solid #383e47;border-radius:7px;background:#181b21}.operations-integrations>header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #343a43}.operations-integrations>header>div{display:flex;align-items:center;gap:9px}.operations-integrations header span{display:flex;flex-direction:column;gap:3px}.operations-integrations header small{color:#89919e}.operations-integrations>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.operations-integrations article{display:flex;align-items:center;gap:7px;border:1px solid #343a43;border-radius:5px;padding:9px}.operations-integrations article>svg{width:16px;color:#8e82ff}.operations-integrations article span{display:flex;flex:1;flex-direction:column;gap:3px}.operations-integrations article small{color:#89919e}.operations-integrations article em{font-style:normal;color:#a99eff;font-size:8px}.operations-integrations article em svg{width:11px;vertical-align:middle}.operations-integrations.verified{border-color:#347855}.operations-integrations.verified article em,.operations-integrations.verified article>svg{color:#59d694}.operations-integrations>p{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-top:1px solid #347855;background:#17261f;color:#59d694}.operations-integrations>p svg{width:15px}.operations-integrations>p span{color:#9ca8a1}@media(max-width:820px){.operations-integrations{margin:9px}.operations-integrations>header{align-items:flex-start;gap:8px}.operations-integrations>header button{white-space:nowrap}.operations-integrations>div{grid-template-columns:1fr 1fr}.operations-integrations>p{align-items:flex-start;flex-wrap:wrap}.operations-integrations>p span{width:100%}}.operations-inspector section{padding:12px 15px;border-bottom:1px solid var(--line)}.operations-inspector section>p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:7px 0}.operations-inspector section>p>span{color:#9ba3af}.operations-inspector section>p>strong{text-align:right}.provider-integration,.asset-provider-contract{margin:10px 14px;border:1px solid #3d444f;border-radius:7px;background:#181b21}.provider-integration>header,.asset-provider-contract>header{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid #343a43}.provider-integration header>svg,.asset-provider-contract header>svg{color:#8e82ff}.provider-integration header>span,.asset-provider-contract header>span{display:flex;flex:1;flex-direction:column;gap:3px}.provider-integration header small,.asset-provider-contract header small{color:#89919e}.provider-integration>div,.asset-provider-contract>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px}.provider-integration>div>p,.asset-provider-contract>div>p{display:flex;align-items:center;gap:8px;margin:0;border:1px solid #343a43;border-radius:5px;padding:9px}.provider-integration p>svg,.asset-provider-contract p>svg{width:16px;color:#8e82ff}.provider-integration p>span,.asset-provider-contract p>span{display:flex;flex:1;flex-direction:column;gap:3px}.provider-integration p small,.asset-provider-contract p small{color:#89919e}.provider-integration p em,.asset-provider-contract p em{font-style:normal;color:#a99eff}.provider-integration>aside,.asset-provider-contract>aside{display:flex;align-items:center;gap:7px;padding:9px 12px;border-top:1px solid #347855;background:#17261f;color:#59d694}.provider-integration>aside svg,.asset-provider-contract>aside svg{width:14px}.provider-integration.verified,.asset-provider-contract.verified{border-color:#347855}.provider-integration.verified p>svg,.provider-integration.verified p em,.asset-provider-contract.verified p>svg,.asset-provider-contract.verified p em{color:#59d694}.asset-provider-contract{margin-top:0}.assets-workspace .asset-grid{padding-top:4px}@media(max-width:820px){.provider-integration,.asset-provider-contract{margin:9px}.provider-integration>header,.asset-provider-contract>header{align-items:flex-start;flex-wrap:wrap}.provider-integration>header button,.asset-provider-contract>header button{width:100%}.provider-integration>div,.asset-provider-contract>div{grid-template-columns:1fr}}.session-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#27233f 0,#15171c 42%,#101216);color:#eef0f4}.session-gate>section{width:min(420px,100%);padding:34px;border:1px solid #3b414c;border-radius:14px;background:#191c22;box-shadow:0 24px 80px #0008;text-align:center}.session-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:28px;font-size:18px}.session-brand span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#7568ed}.session-brand svg{width:17px}.session-gate>section>svg{width:35px;height:35px;color:#9b91ff}.session-gate h1{margin:15px 0 7px;font-size:23px}.session-gate>section>p{margin:0 0 23px;color:#9ca4b1;line-height:1.5}.session-gate form{display:grid;gap:13px;text-align:left}.session-gate label{display:grid;gap:6px;color:#cbd0d8;font-size:11px}.session-gate input{height:42px;border:1px solid #424955;border-radius:7px;background:#111318;color:#f1f2f5;padding:0 12px;font:inherit}.session-gate input:focus{outline:2px solid #8175f4;outline-offset:2px}.session-gate form>div[role=alert]{padding:9px;border:1px solid #844848;border-radius:6px;background:#2b1b1d;color:#f0a0a0;text-transform:capitalize}.session-gate form button{height:43px;border:0;border-radius:7px;background:#7568ed;color:#fff;font-weight:700}.session-gate button:disabled{opacity:.55}.session-switch{margin-top:16px;border:0;background:transparent;color:#aaa1ff}.session-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-upload[aria-disabled=true]{opacity:.55;cursor:wait}.hosted-certification{margin:10px 14px 0;border:1px solid #454052;border-radius:7px;background:#181b21}.hosted-certification>header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #343a43}.hosted-certification>header>div{display:flex;align-items:center;gap:9px}.hosted-certification header>div>svg{color:#a99eff}.hosted-certification header span{display:flex;flex-direction:column;gap:3px}.hosted-certification header small{color:#89919e}.hosted-certification.complete{border-color:#b58a3d}.certification-pending{display:flex;align-items:center;gap:10px;padding:16px}.certification-pending>svg{color:#a99eff}.certification-pending span{display:flex;flex-direction:column;gap:4px}.certification-pending small{color:#89919e}.certification-summary{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2418;color:#f1c96f;border-bottom:1px solid #725a28}.certification-summary span{margin-left:auto}.certification-summary em{font-style:normal;border:1px solid #8d6c2d;border-radius:4px;padding:5px 7px}.certification-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:10px}.certification-checks>p{display:flex;align-items:center;gap:8px;margin:0;padding:9px;border:1px solid #343a43;border-radius:5px}.certification-checks>p>svg{width:15px}.certification-checks>p.passed>svg,.certification-checks>p.passed>em{color:#59d694}.certification-checks>p.pending>svg,.certification-checks>p.pending>em{color:#f1c96f}.certification-checks>p span{display:flex;flex:1;flex-direction:column;gap:3px}.certification-checks>p small{color:#89919e}.certification-checks>p em{text-transform:capitalize;font-style:normal}@media(max-width:820px){.hosted-certification{margin:9px}.hosted-certification>header{align-items:flex-start;flex-wrap:wrap;gap:8px}.hosted-certification>header button{width:100%}.certification-summary{align-items:flex-start;flex-wrap:wrap}.certification-summary span{margin-left:0;width:100%}.certification-checks{grid-template-columns:1fr}}.sandbox-preview{display:grid;grid-template-rows:52px minmax(0,1fr) 32px;background:#111318}.sandbox-preview .preview-bar{height:52px;justify-content:flex-start;gap:14px}.sandbox-preview .preview-bar>span{display:flex;align-items:center;gap:7px;font-weight:700}.sandbox-preview .preview-bar>span svg{width:15px;color:#8d81ff}.preview-security{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid #3b414b;border-radius:5px;padding:7px 10px;color:#aeb5c0;font-style:normal;font-size:10px}.preview-security svg{width:13px}.preview-security.ready{border-color:#347855;color:#59d694}.preview-security.error{border-color:#8d4848;color:#ef8383}.sandbox-preview .preview-bar button{display:flex;align-items:center;gap:6px}.sandbox-preview .preview-bar button svg{width:13px}.sandbox-stage{min-height:0;overflow:auto;padding:22px;display:flex;justify-content:center;background-color:#1a1d22;background-image:radial-gradient(#333740 1px,transparent 1px);background-size:18px 18px}.sandbox-stage iframe{width:min(1120px,100%);height:100%;min-height:690px;border:0;background:#fff;box-shadow:0 10px 40px #000a}.sandbox-tablet .sandbox-stage iframe{width:min(720px,100%)}.sandbox-mobile .sandbox-stage iframe{width:min(375px,100%)}.sandbox-preview>footer{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #30343c;background:#13161a;color:#a8afba;font-size:9px}.sandbox-preview>footer svg{width:12px;color:#59d694}@media(max-width:820px){.sandbox-preview{grid-template-rows:118px minmax(0,1fr) 42px}.sandbox-preview .preview-bar{height:118px;align-content:center;flex-wrap:wrap;padding:8px 10px}.sandbox-preview .preview-bar>span{order:2}.preview-security{order:3;width:100%;margin-left:0}.sandbox-stage{padding:10px}.sandbox-preview>footer{padding:0 10px;text-align:center}}