:root{--bg:#f6f5f8;--panel:#fff;--ink:#20172e;--muted:#7f778d;--line:#e8e4ed;--purple:#7041ea;--purple-soft:#eee7ff;--green:#13a36f;--blue:#3478f6;--orange:#eb8238;--red:#db5252;--sidebar:#fff;--top:#fff;--shadow:0 14px 40px rgba(32,20,54,.08);--soft:#f3f0f7;--surface:#fff;--surface-2:#f6f5f8;--text:#20172e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr;grid-template-rows:64px 1fr;grid-template-areas:"top top" "side main"}.topbar{grid-area:top;background:var(--top);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(260px,520px) 1fr;align-items:center;padding:0 16px;position:sticky;top:0;z-index:30}.top-left,.top-actions{display:flex;align-items:center;gap:14px}.top-actions{justify-content:flex-end}.studio-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.studio-logo>span{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#8a5af5,#5d2dde);color:#fff;display:grid;place-items:center;font-weight:900}.studio-logo b{font-size:16px}.workspace-name{display:flex;gap:5px;align-items:center;border-left:1px solid var(--line);padding-left:14px}.workspace-name small{color:var(--muted)}.search-button{width:100%;height:38px;border:1px solid var(--line);background:var(--bg);border-radius:8px;color:#8a8392;display:flex;align-items:center;gap:9px;padding:0 12px;text-align:left}.search-button kbd{margin-left:auto;font-size:10px;border:1px solid #d8d3dc;background:var(--panel);border-radius:4px;padding:2px 6px}.icon-button,.share-button,.deploy-button,.avatar{border:0;background:transparent}.icon-button{width:36px;height:36px;border-radius:7px}.icon-button:hover{background:var(--bg)}.share-button{border:1px solid var(--line);border-radius:7px;padding:9px 14px}.deploy-button{background:var(--purple);color:#fff;border-radius:7px;padding:10px 16px;font-weight:750}.avatar{width:34px;height:34px;border-radius:50%;background:#eee7ff;color:var(--purple);font-size:11px;font-weight:850}.mobile-sidebar{display:none}.sidebar{grid-area:side;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:64px;height:calc(100vh - 64px);z-index:20}.sidebar-head{padding:15px}.new-app{width:100%;border:1px solid #cbbbf5;color:var(--purple);background:#f8f5ff;border-radius:8px;padding:10px;font-weight:750}.module-nav{padding:0 9px;display:grid;gap:3px;overflow:auto}.module-link{border:0;background:transparent;color:#5e5668;text-align:left;padding:11px 12px;border-radius:7px;display:flex;gap:11px;align-items:center}.module-link span{width:20px;text-align:center}.module-link:hover{background:var(--bg)}.module-link.active{background:var(--purple-soft);color:var(--purple);font-weight:800}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:15px}.usage span{display:flex;justify-content:space-between}.usage b{font-size:11px}.usage em{font-style:normal;color:var(--purple);font-size:11px}.usage>i{display:block;height:5px;background:#eeeaf2;border-radius:10px;margin:8px 0}.usage>i u{display:block;width:68%;height:100%;background:var(--purple);border-radius:10px}.usage small{color:var(--muted)}.sidebar-foot>a{display:block;margin-top:18px;text-decoration:none;color:var(--muted);font-size:12px}.workspace-main{grid-area:main;padding:26px;min-width:0}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-kicker{font-size:10px;letter-spacing:.1em;color:var(--purple);font-weight:900}.page-toolbar h1{margin:2px 0 0;font-size:28px;letter-spacing:-.035em}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button,.panel header button,.crm-table header button,.workflow-canvas header button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:9px 13px}.toolbar-actions .primary-action,.workflow-canvas header button{background:var(--purple);color:#fff;border-color:var(--purple)}.page-view{display:none}.page-view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats-grid article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center}.stat-icon,.event-icon,.flow-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-weight:900}.purple{background:#eee7ff;color:var(--purple)}.blue{background:#e5efff;color:var(--blue)}.green{background:#e3f8ef;color:var(--green)}.orange{background:#fff0e3;color:var(--orange)}.stats-grid small{display:block;color:var(--muted)}.stats-grid strong{font-size:25px;margin-right:8px}.stats-grid em{font-style:normal;color:var(--green);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:15px;margin-top:15px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.panel>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel h2{font-size:16px;margin:0}.panel header p{margin:3px 0 0;color:var(--muted);font-size:11px}.panel header select{border:1px solid var(--line);border-radius:6px;padding:7px;background:var(--panel)}.chart{height:280px;padding:20px;position:relative}.chart-grid{position:absolute;inset:20px;background:repeating-linear-gradient(to bottom,transparent,transparent 49px,var(--line) 50px)}.chart svg{position:absolute;left:20px;right:20px;top:20px;width:calc(100% - 40px);height:220px}.chart-labels{position:absolute;left:20px;right:20px;bottom:12px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.activity-list{padding:10px 18px}.activity-list>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-list p{margin:0}.activity-list strong,.activity-list small{display:block}.activity-list small{color:var(--muted);margin-top:4px}.event-icon{width:36px;height:36px;flex:0 0 auto}.projects-panel{grid-column:span 2}.project-row{display:grid;grid-template-columns:1.5fr .7fr 1fr .7fr;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.project-row.table-head{font-size:10px;color:var(--muted);font-weight:850}.project-row small{display:block;color:var(--muted);margin-top:3px}.project-row span:nth-child(3){display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.project-row i{height:5px;background:#eeeaf2;border-radius:8px}.project-row i u{display:block;height:100%;background:var(--purple);border-radius:8px}.badge{font-style:normal;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;display:inline-flex}.badge.active{background:#e3f8ef;color:#20805a}.badge.review{background:#fff0dc;color:#aa681b}.badge.neutral{background:#efedf2;color:#6c6575}.ai-workspace{height:calc(100vh - 136px);min-height:620px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:250px 1fr;overflow:hidden}.ai-history{border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:5px}.ai-history button,.request-list button,.automation-list>button,.folder-tree>button{border:0;background:var(--purple);color:#fff;border-radius:7px;padding:11px;font-weight:750;margin-bottom:12px}.ai-history strong{font-size:10px;color:var(--muted);padding:12px 8px 5px}.ai-history span{padding:10px;border-radius:6px;color:#645c6e;font-size:12px}.ai-history span.selected{background:var(--purple-soft);color:var(--purple);font-weight:700}.ai-chat{display:flex;flex-direction:column}.ai-chat>header{height:67px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 20px}.ai-chat>header>div{display:flex;align-items:center;gap:10px}.ai-chat h2{margin:0;font-size:15px}.ai-chat header small{color:var(--muted)}.ai-chat header button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:8px 11px}.ai-orb{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#8e5dff,#5d2cda);color:#fff;display:grid;place-items:center}.ai-orb.mini{width:29px;height:29px;flex:0 0 auto}.chat-stream{padding:38px;overflow:auto;display:flex;flex-direction:column;gap:24px;flex:1}.chat-message{max-width:760px;line-height:1.65}.chat-message.user{align-self:flex-end;background:#f2eff6;padding:13px 16px;border-radius:12px}.chat-message.assistant{display:flex;gap:12px}.chat-message.assistant p{margin:0 0 12px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.insight-grid span{border:1px solid var(--line);padding:13px;border-radius:9px}.insight-grid small,.insight-grid b{display:block}.insight-grid small{color:var(--muted);font-size:10px}.ai-composer{margin:18px 28px 25px;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;grid-template-columns:auto 1fr auto}.ai-composer input{border:0;outline:0;background:transparent;padding:8px}.ai-composer button{border:0;background:transparent}.ai-composer button:last-child{background:var(--purple);color:#fff;width:34px;height:34px;border-radius:8px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow:auto;padding-bottom:10px}.kanban-column{background:#efedf2;border-radius:10px;padding:10px;min-height:650px}.kanban-column>header{display:flex;justify-content:space-between;padding:8px 5px 14px;font-size:10px;font-weight:850;color:#665f70}.kanban-column article{background:var(--panel);border:1px solid #e3dfe7;border-radius:9px;padding:14px;margin-bottom:10px;box-shadow:0 5px 12px rgba(31,21,46,.04)}.kanban-column article small{color:var(--muted);font-size:9px}.kanban-column article h3{font-size:14px;margin:7px 0}.kanban-column article p{color:var(--muted);font-size:11px}.kanban-column article footer{display:flex;align-items:center;justify-content:space-between}.kanban-column article footer b{width:27px;height:27px;background:#eee7ff;color:var(--purple);border-radius:50%;display:grid;place-items:center;font-size:9px}.tag{font-style:normal;padding:4px 7px;border-radius:5px;font-size:9px}.crm-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:15px}.crm-summary{padding-bottom:20px}.crm-summary header strong{font-size:25px}.pipeline-bars{padding:18px 20px}.pipeline-bars span{display:grid;grid-template-columns:1fr auto;position:relative;padding-top:25px;margin-bottom:18px}.pipeline-bars i{position:absolute;left:0;top:0;height:12px;background:linear-gradient(90deg,#6e3ce8,#9b73f4);border-radius:99px}.pipeline-bars b,.pipeline-bars em{font-size:11px}.pipeline-bars em{font-style:normal;color:var(--muted)}.data-table>div{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr .6fr;padding:13px 18px;border-bottom:1px solid var(--line);align-items:center}.data-table>div:first-child{font-size:10px;color:var(--muted)}.database-layout,.api-layout,.automation-layout,.files-layout{height:calc(100vh - 136px);min-height:620px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:230px 1fr;overflow:hidden}.db-tree,.request-list,.automation-list,.folder-tree{border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:5px}.db-tree header{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:10px}.db-tree button{border:0;background:transparent}.db-tree strong,.db-tree span,.request-list span,.request-list strong,.folder-tree strong,.folder-tree span{padding:9px;border-radius:6px;font-size:12px}.db-tree span{padding-left:25px;color:#635b6d}.query-studio{display:grid;grid-template-rows:60px 250px 1fr;min-width:0}.query-studio>header{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.query-studio header small{display:block;color:var(--muted)}.run-query,.request-url button,.api-layout .request-panel button[data-send]{border:0;background:var(--purple);color:#fff;padding:9px 14px;border-radius:7px}.code-editor{background:#211a2b;color:#ddd4e9;padding:20px;display:grid;grid-template-columns:35px 1fr;overflow:auto}.line-numbers{color:#6c6377;line-height:1.65}.code-editor pre{margin:0;line-height:1.65}.keyword{color:#b98aff}.query-result{overflow:auto}.result-tabs{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 18px}.result-tabs b{color:var(--purple)}.result-tabs em{margin-left:auto;font-style:normal;color:var(--muted);font-size:10px}.compact-table>div{grid-template-columns:1fr .7fr .7fr .8fr}.request-list span.selected{background:var(--purple-soft);color:var(--purple);font-weight:800}.request-panel{padding:18px;overflow:auto}.request-url{display:grid;grid-template-columns:90px 1fr 90px}.request-url select,.request-url input{border:1px solid var(--line);padding:11px;background:var(--panel)}.request-url select{border-radius:7px 0 0 7px;color:var(--green);font-weight:800}.request-url button{border-radius:0 7px 7px 0}.request-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:18px 5px 12px}.request-tabs b{color:var(--purple)}.param-table{margin-top:14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.param-table>div{display:grid;grid-template-columns:1fr 1fr 1.5fr}.param-table b,.param-table input{padding:10px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.api-response{margin-top:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.api-response header{padding:12px 15px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.api-response header em{margin-left:auto;font-style:normal;color:var(--muted)}.response-success{color:var(--green);font-weight:800}.api-response pre{background:#211a2b;color:#e6dfee;padding:20px;margin:0;min-height:290px;line-height:1.7}.json-key{color:#b98aff}.json-bool{color:#79d1a7}.json-string{color:#ffba78}.deployments{display:grid;grid-template-columns:1fr 1fr;gap:15px}.environment-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.environment-card header{display:flex;justify-content:space-between}.environment-card header span{font-size:10px;font-weight:850}.environment-card header i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px}.environment-card.staging header i{background:var(--orange)}.environment-card header b{color:var(--green);font-size:11px}.environment-card.staging header b{color:var(--orange)}.environment-card h2{margin:25px 0 4px}.environment-card p{color:var(--muted)}.environment-card>div{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:15px 0;margin:18px 0}.environment-card small,.environment-card b{display:block}.environment-card small{color:var(--muted)}.environment-card button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:9px 13px}.pipeline-panel{grid-column:span 2}.pipeline-flow{display:flex;align-items:center;justify-content:center;padding:45px}.pipeline-flow span{text-align:center;min-width:95px}.pipeline-flow span i{width:42px;height:42px;border:2px solid #d9d4df;border-radius:50%;display:grid;place-items:center;margin:auto;font-style:normal}.pipeline-flow .complete i{background:#e3f8ef;border-color:#65c59e;color:var(--green)}.pipeline-flow .running i{border-color:var(--purple);color:var(--purple)}.pipeline-flow b,.pipeline-flow small{display:block;margin-top:7px}.pipeline-flow small{color:var(--muted);font-size:10px}.pipeline-flow>u{height:2px;background:#ddd8e2;width:12%;margin-top:-25px}.monitor-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:15px}.spark-bars{height:260px;padding:30px 20px 20px;display:flex;align-items:flex-end;gap:5px}.spark-bars i{flex:1;background:linear-gradient(#8f65f2,#6d3ce5);border-radius:3px 3px 0 0;opacity:.85}.big-metric header strong{font-size:25px}.big-metric header strong small{font-size:10px;color:var(--muted)}.gauges>div{display:flex;justify-content:space-around;padding:45px 15px}.gauges span{--p:50;width:105px;height:105px;border-radius:50%;background:conic-gradient(var(--purple) calc(var(--p)*1%),#ece8f0 0);display:grid;place-items:center;position:relative}.gauges span:after{content:"";position:absolute;inset:10px;background:var(--panel);border-radius:50%}.gauges b,.gauges small{z-index:1;position:absolute}.gauges b{margin-top:-12px}.gauges small{margin-top:26px;color:var(--muted)}.service-health{grid-column:span 2}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.health-grid span{background:var(--panel);padding:18px;position:relative}.health-grid i{width:8px;height:8px;background:var(--green);border-radius:50%;display:inline-block;margin-right:7px}.health-grid i.warn{background:var(--orange)}.health-grid b{font-size:12px}.health-grid small{display:block;color:var(--muted);margin:5px 0 0 17px}.automation-list>div{display:flex;gap:10px;padding:10px;border-radius:8px}.automation-list>div.selected{background:var(--purple-soft)}.automation-list p{margin:0}.automation-list b,.automation-list small{display:block}.automation-list small{color:var(--muted)}.flow-icon{width:36px;height:36px;flex:0 0 auto}.workflow-canvas{display:grid;grid-template-rows:65px 1fr}.workflow-canvas>header{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.workflow-canvas h2{margin:0;font-size:16px}.workflow-canvas p{margin:3px 0;color:var(--muted);font-size:11px}.node-canvas{background-color:#f8f7fa;background-image:radial-gradient(#d9d4df 1px,transparent 1px);background-size:20px 20px;position:relative;overflow:auto}.flow-node{position:absolute;width:220px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;gap:12px;box-shadow:var(--shadow);z-index:2}.flow-node>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple)}.flow-node small,.flow-node b,.flow-node em{display:block}.flow-node small{font-size:8px;color:var(--purple);font-weight:850}.flow-node em{font-size:10px;color:var(--muted);font-style:normal}.flow-node.trigger{left:8%;top:12%}.flow-node.condition{left:38%;top:28%}.flow-node.action-node{left:65%;top:12%}.flow-node.notify{left:65%;top:58%}.flow-line{position:absolute;height:2px;background:#9d83df;transform-origin:left}.flow-line.one{left:24%;top:27%;width:17%;transform:rotate(18deg)}.flow-line.two{left:53%;top:39%;width:15%;transform:rotate(-17deg)}.flow-line.three{left:76%;top:33%;height:25%;width:2px}.folder-tree span.selected{background:var(--purple-soft);color:var(--purple)}.file-browser{overflow:auto}.file-browser>header{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.file-browser h2{margin:0}.file-browser p{margin:3px 0;color:var(--muted)}.file-browser header button{border:1px solid var(--line);background:var(--panel);padding:8px}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px;padding:20px}.file-grid>div{border:1px solid var(--line);border-radius:10px;padding:17px;min-height:145px;display:flex;flex-direction:column}.file-grid>div>span{font-size:30px;color:var(--purple);margin-bottom:auto}.file-grid b,.file-grid small{display:block}.file-grid small{color:var(--muted);margin-top:5px}.file-grid .pdf,.file-grid .doc,.file-grid .sheet,.file-grid .code{font-size:11px;font-weight:900;width:42px;height:50px;border-radius:7px;display:grid;place-items:center}.pdf{background:#ffe7e7;color:#c44!important}.doc{background:#e3efff;color:#3478f6!important}.sheet{background:#e2f6eb;color:#298b5e!important}.code{background:#fff2d9;color:#b27610!important}.command-modal,.dialog-backdrop{position:fixed;inset:0;background:rgba(20,12,31,.54);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:start center;padding-top:12vh}.command-modal[hidden],.dialog-backdrop[hidden]{display:none}.command-box{width:min(620px,calc(100% - 30px));background:var(--panel);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden}.command-box label{height:58px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--line)}.command-box input{width:100%;border:0;outline:0;background:transparent}.command-results{padding:8px}.command-results small{display:block;padding:10px;color:var(--muted);font-size:9px;font-weight:850}.command-results button{width:100%;border:0;background:transparent;border-radius:7px;padding:11px;text-align:left}.command-results button:hover{background:var(--purple-soft)}.command-results kbd{float:right}.dialog-backdrop{place-items:center;padding:15px}.dialog{width:min(400px,100%);background:var(--panel);border-radius:14px;padding:30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25)}.dialog-icon{width:55px;height:55px;border-radius:50%;background:#e3f8ef;color:var(--green);display:grid;place-items:center;margin:auto;font-size:24px}.dialog button{border:0;background:var(--purple);color:#fff;border-radius:7px;padding:10px 30px}.workspace-toast{position:fixed;right:20px;bottom:20px;background:#21162f;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:150}.workspace-toast.show{opacity:1;transform:none}body.dark{--bg:#17131e;--panel:#211b2a;--ink:#f2edf7;--muted:#aaa1b4;--line:#37303f;--sidebar:#1d1825;--top:#1d1825;--shadow:0 14px 40px rgba(0,0,0,.22)}body.dark .code-editor,body.dark .api-response pre{background:#141018}body.dark .request-url input,body.dark .request-url select,body.dark .param-table input{color:var(--ink);background:var(--panel)}
@media(max-width:1100px){.workspace-name{display:none}.topbar{grid-template-columns:auto 1fr auto}.stats-grid{grid-template-columns:1fr 1fr}.crm-layout,.monitor-grid{grid-template-columns:1fr}.service-health{grid-column:auto}.file-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.workspace-shell{grid-template-columns:1fr;grid-template-areas:"top" "main"}.topbar{grid-template-columns:auto 1fr auto}.top-center{display:none}.mobile-sidebar{display:block}.studio-logo b{display:none}.sidebar{position:fixed;left:-260px;top:64px;width:245px;transition:.25s;box-shadow:var(--shadow)}.sidebar.open{left:0}.workspace-main{padding:18px}.dashboard-grid{grid-template-columns:1fr}.projects-panel{grid-column:auto}.ai-workspace,.database-layout,.api-layout,.automation-layout,.files-layout{grid-template-columns:1fr;height:auto;min-height:0}.ai-history,.db-tree,.request-list,.automation-list,.folder-tree{display:none}.ai-chat,.query-studio,.request-panel,.workflow-canvas,.file-browser{min-height:620px}.deployments{grid-template-columns:1fr}.pipeline-panel{grid-column:auto}.pipeline-flow{overflow:auto;justify-content:flex-start}.health-grid{grid-template-columns:1fr 1fr}.file-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top-actions .share-button,.top-actions .icon-button{display:none}.workspace-main{padding:12px}.page-toolbar{align-items:flex-end}.page-toolbar h1{font-size:23px}.toolbar-actions button:first-child{display:none}.stats-grid{grid-template-columns:1fr}.chart{height:245px}.activity-panel{min-height:auto}.project-row{grid-template-columns:1.3fr .8fr}.project-row span:nth-child(2),.project-row span:nth-child(3){display:none}.kanban{grid-template-columns:repeat(4,270px)}.insight-grid{grid-template-columns:1fr}.chat-stream{padding:20px 14px}.ai-composer{margin:12px}.data-table{overflow:auto}.data-table>div{min-width:650px}.query-studio{grid-template-rows:60px 300px 1fr}.request-url{grid-template-columns:72px 1fr}.request-url button{grid-column:span 2;border-radius:7px;margin-top:8px}.environment-card>div{grid-template-columns:1fr;gap:10px}.pipeline-flow>u{min-width:40px}.gauges>div{flex-wrap:wrap;gap:20px}.health-grid{grid-template-columns:1fr}.flow-node{position:relative;left:auto!important;top:auto!important;margin:35px auto}.flow-line{display:none}.node-canvas{padding:10px}.file-grid{grid-template-columns:1fr}.workspace-toast{left:12px;right:12px;text-align:center}}

/* V6 protected workspace and project library */
.auth-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f7f5fb}.dark .auth-gate{background:#100b19}.auth-gate[hidden]{display:none}.auth-gate-card{display:grid;justify-items:center;gap:.55rem;padding:2rem 2.4rem;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 20px 55px rgba(32,18,62,.15)}.auth-gate-card small{color:var(--muted)}.gate-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(112,65,234,.2);border-top-color:#7041ea;animation:gate-spin .8s linear infinite}@keyframes gate-spin{to{transform:rotate(360deg)}}body.auth-loading .workspace-shell{visibility:hidden}.profile-menu{position:relative}.profile-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:230px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 18px 50px rgba(25,14,49,.18)}.profile-popover strong,.profile-popover small{display:block;overflow:hidden;text-overflow:ellipsis}.profile-popover small{margin-top:3px;color:var(--muted)}.profile-popover button{width:100%;margin-top:13px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.profile-popover button:hover{background:var(--surface-2)}
.reference-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px}.reference-hero h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:5px 0 8px}.reference-hero p{max-width:720px;color:var(--muted);line-height:1.65}.reference-hero-actions{display:grid;gap:9px;min-width:230px}.reference-hero-actions a,.reference-card footer a{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid var(--border);border-radius:9px;color:var(--text);font-weight:700;background:var(--surface);transition:.18s ease}.reference-hero-actions a{padding:10px 13px}.reference-hero-actions a:hover,.reference-card footer a:hover{border-color:#7041ea;color:#7041ea;transform:translateY(-1px)}.library-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 220px auto;gap:12px;align-items:center;margin-top:18px;padding:15px}.library-toolbar label{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;padding:0 12px;background:var(--surface-2)}.library-toolbar input,.library-toolbar select{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:11px 0}.library-toolbar select{border:1px solid var(--border);border-radius:9px;padding:11px;background:var(--surface)}.library-toolbar>span{color:var(--muted);font-weight:700;white-space:nowrap}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;padding-bottom:40px}.reference-card{display:flex;flex-direction:column;min-height:260px;padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 5px 18px rgba(35,22,65,.04)}.reference-card header{display:flex;justify-content:space-between;align-items:center;gap:10px}.reference-number{font-size:.76rem;font-weight:800;color:#7041ea}.reference-tech{font-size:.72rem;padding:5px 8px;border-radius:999px;background:rgba(112,65,234,.09);color:#7041ea;font-weight:800}.reference-card h3{margin:18px 0 8px;font-size:1.08rem}.reference-card p{margin:0;color:var(--muted);line-height:1.55;font-size:.88rem;flex:1}.reference-card footer{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.reference-card footer a{padding:8px 6px;font-size:.73rem;text-align:center}.empty-library{grid-column:1/-1;padding:55px;text-align:center;border:1px dashed var(--border);border-radius:15px;color:var(--muted)}
@media(max-width:1150px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-hero{align-items:flex-start;flex-direction:column}.reference-hero-actions{grid-template-columns:repeat(3,1fr);width:100%}}@media(max-width:760px){.library-toolbar{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr}.reference-hero-actions{grid-template-columns:1fr}.reference-card footer{grid-template-columns:1fr}.profile-popover{position:fixed;right:12px;top:62px}.reference-hero{padding:20px}}

/* V8 | Algorithm Visual Lab */
:root{--border:var(--line);--surface:var(--panel);--surface-2:var(--bg);--text:var(--ink)}
.module-link em{margin-left:auto;min-width:25px;height:20px;border-radius:999px;background:#ebe3ff;color:var(--purple);display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:900}
.algorithm-menu-link{position:relative}.algorithm-menu-link:after{content:"NEW";position:absolute;right:42px;top:5px;font-size:7px;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#7d48f2,#5522cf);border-radius:999px;padding:2px 5px}
.algorithm-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;background:radial-gradient(circle at 90% 10%,rgba(112,65,234,.14),transparent 36%),var(--panel)}
.algorithm-hero h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.045em;margin:5px 0 9px}.algorithm-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}
.algorithm-hero-stats{display:grid;grid-template-columns:repeat(3,110px);gap:10px}.algorithm-hero-stats span{display:grid;place-items:center;padding:17px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.algorithm-hero-stats b{font-size:25px;color:var(--purple)}.algorithm-hero-stats small{margin-top:5px;color:var(--muted);font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.algorithm-filter{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto auto;gap:10px;align-items:center;padding:13px;margin-top:15px}.algorithm-filter label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:var(--bg)}.algorithm-filter input{width:100%;border:0;background:transparent;outline:0;padding:11px 0;color:var(--ink)}.algorithm-filter select,.algorithm-filter button{height:40px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:0 12px}.algorithm-filter button{font-weight:800;color:var(--purple)}.algorithm-filter strong{font-size:11px;color:var(--muted);white-space:nowrap}
.algorithm-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:15px;margin-top:15px;align-items:start}.algorithm-catalog{padding:9px;display:grid;gap:4px;max-height:calc(100vh - 215px);overflow:auto;position:sticky;top:82px}.algorithm-tool{width:100%;border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:9px;text-align:left}.algorithm-tool:hover{background:var(--bg)}.algorithm-tool.active{background:var(--purple-soft);color:var(--purple)}.algorithm-tool-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--panel);font-size:18px}.algorithm-tool b,.algorithm-tool small{display:block}.algorithm-tool b{font-size:12px}.algorithm-tool small{font-size:9px;color:var(--muted);margin-top:3px}.algorithm-tool i{font-style:normal;font-size:20px;color:var(--muted)}
.algorithm-workbench{min-width:0;overflow:hidden}.algorithm-workbench>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.algorithm-workbench>header h2{font-size:24px;letter-spacing:-.035em;margin:4px 0}.algorithm-workbench>header p{max-width:720px;margin:0;color:var(--muted);line-height:1.55}.algorithm-source-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.algorithm-source-actions a{border:1px solid var(--line);border-radius:8px;padding:9px 12px;text-decoration:none;color:var(--ink);font-size:10px;font-weight:800;white-space:nowrap}.algorithm-source-actions a:first-child{background:var(--purple);color:#fff;border-color:var(--purple)}.algorithm-meta{display:flex;justify-content:space-between;gap:15px;padding:10px 20px;background:var(--bg);border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.algorithm-meta b{color:var(--ink)}.algorithm-stage{padding:20px;min-height:590px;overflow:auto}.algo-app{min-height:520px}.two-column-app{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:16px}.algo-control-panel,.algo-output-panel{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel)}.algo-output-panel{background:linear-gradient(145deg,var(--panel),var(--bg))}.algo-field{display:block;margin-bottom:14px}.algo-field>span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.algo-field input:not([type=range]),.algo-field textarea,.algo-field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;background:var(--panel);color:var(--ink);outline:0;resize:vertical}.algo-field input:focus,.algo-field textarea:focus,.algo-field select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(112,65,234,.09)}.algo-field small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.algo-field input[type=range]{width:calc(100% - 45px);vertical-align:middle}.algo-field output{display:inline-grid;place-items:center;width:36px;height:28px;border-radius:7px;background:var(--purple-soft);color:var(--purple);font-weight:900;margin-left:5px}.algo-actions,.algo-toolbar,.algo-inline-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.algo-actions button,.algo-toolbar button,.algo-inline-form button,.connect-toolbar button,.knight-toolbar button,.hangman-game>button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:10px 13px;font-weight:800}.algo-actions .algo-primary,.algo-toolbar .algo-primary,.algo-inline-form .algo-primary{background:var(--purple);color:#fff;border-color:var(--purple)}.algo-inline-form .algo-field{margin:0;flex:1;min-width:210px}.algo-inline-form.compact .algo-field{min-width:140px}.algo-panel-label{font-size:9px;letter-spacing:.12em;color:var(--purple);font-weight:900}.large-output,.json-output{white-space:pre-wrap;overflow-wrap:anywhere;border:0;margin:15px 0 0;min-height:260px;font:600 20px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}.json-output{font-size:14px;background:#17111f;color:#e9dcff;padding:18px;border-radius:10px}.alphabet-strip{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin-top:12px}.alphabet-strip span{display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;padding:6px 2px}.alphabet-strip b{font-size:9px;color:var(--muted)}.alphabet-strip small{font-size:11px;color:var(--purple);font-weight:900}.algo-check{display:flex;gap:7px;align-items:center;margin:4px 0 15px;color:var(--muted);font-size:11px}.algo-metrics,.stock-summary,.recursion-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.algo-metrics{grid-template-columns:120px 1fr}.algo-metrics span,.stock-summary article,.recursion-summary span{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--panel)}.algo-metrics small,.stock-summary small,.recursion-summary small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.algo-metrics b,.stock-summary strong,.recursion-summary b{display:block;font-size:20px;margin-top:4px}.highlight-document{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:18px;min-height:230px;line-height:1.9;font-size:16px;white-space:pre-wrap}.highlight-document mark{background:#ddcdff;color:#3f1b9e;border-radius:4px;padding:2px 3px}.stock-summary{margin-top:15px}.stock-summary article.profit{background:var(--purple-soft);border-color:#d8c8ff}.stock-summary article span{color:var(--muted);font-size:10px}.stock-chart{margin-top:15px;min-height:315px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(to bottom,var(--panel),var(--bg));overflow:hidden}.stock-chart svg{width:100%;height:auto;min-height:300px}.stock-chart circle{fill:var(--panel);stroke:var(--purple);stroke-width:3}.stock-chart circle.buy-dot{stroke:var(--green);fill:#dff8ef}.stock-chart circle.sell-dot{stroke:var(--orange);fill:#fff0e3}.stock-chart text{font-size:11px;fill:var(--muted)}.algo-toolbar{padding-bottom:14px}.algo-toolbar label{margin-left:auto;color:var(--muted);font-size:10px}.algo-toolbar span{font-size:10px;color:var(--purple);font-weight:900}.sort-bars{height:400px;border:1px solid var(--line);border-radius:12px;background:repeating-linear-gradient(to top,transparent,transparent 49px,var(--line) 50px);display:flex;align-items:flex-end;gap:4px;padding:25px 18px 0}.sort-bars>span{flex:1;min-width:4px;background:linear-gradient(180deg,#a382ff,#7041ea);border-radius:5px 5px 0 0;position:relative;transition:height .2s,background .15s}.sort-bars>span.active{background:linear-gradient(180deg,#ffbd73,#e47a2e)}.sort-bars>span.done{background:linear-gradient(180deg,#5fd1a4,#13a36f)}.sort-bars i{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:8px;font-style:normal}.sort-legend{display:flex;gap:18px;margin-top:12px;color:var(--muted);font-size:9px}.sort-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}.bar-current{background:#7041ea}.bar-swap{background:#e47a2e}.bar-done{background:#13a36f}
.hangman-app{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:30px;align-items:center}.hangman-figure{width:240px;height:360px;margin:auto;position:relative;border-top:8px solid var(--ink);border-left:8px solid var(--ink);border-radius:6px}.hangman-figure:after{content:"";position:absolute;right:-2px;top:0;width:75px;height:6px;background:var(--ink)}.hangman-head{position:absolute;width:54px;height:54px;border:6px solid var(--ink);border-radius:50%;right:-5px;top:48px;opacity:0}.hangman-body,.hangman-arm,.hangman-leg{position:absolute;width:6px;height:100px;background:var(--ink);right:20px;top:105px;transform-origin:top;opacity:0}.hangman-arm,.hangman-leg{height:76px}.hangman-arm.left{transform:rotate(45deg)}.hangman-arm.right{transform:rotate(-45deg)}.hangman-leg{top:202px}.hangman-leg.left{transform:rotate(35deg)}.hangman-leg.right{transform:rotate(-35deg)}.hangman-figure[data-wrong="1"] .hangman-head,.hangman-figure[data-wrong="2"] .hangman-head,.hangman-figure[data-wrong="3"] .hangman-head,.hangman-figure[data-wrong="4"] .hangman-head,.hangman-figure[data-wrong="5"] .hangman-head,.hangman-figure[data-wrong="6"] .hangman-head{opacity:1}.hangman-figure[data-wrong="2"] .hangman-body,.hangman-figure[data-wrong="3"] .hangman-body,.hangman-figure[data-wrong="4"] .hangman-body,.hangman-figure[data-wrong="5"] .hangman-body,.hangman-figure[data-wrong="6"] .hangman-body{opacity:1}.hangman-figure[data-wrong="3"] .hangman-arm.left,.hangman-figure[data-wrong="4"] .hangman-arm.left,.hangman-figure[data-wrong="5"] .hangman-arm.left,.hangman-figure[data-wrong="6"] .hangman-arm.left{opacity:1}.hangman-figure[data-wrong="4"] .hangman-arm.right,.hangman-figure[data-wrong="5"] .hangman-arm.right,.hangman-figure[data-wrong="6"] .hangman-arm.right{opacity:1}.hangman-figure[data-wrong="5"] .hangman-leg.left,.hangman-figure[data-wrong="6"] .hangman-leg.left{opacity:1}.hangman-figure[data-wrong="6"] .hangman-leg.right{opacity:1}.hangman-word{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 20px}.hangman-word span{width:36px;height:45px;border-bottom:3px solid var(--ink);display:grid;place-items:center;font-size:22px;font-weight:900}.keyboard-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:20px 0}.keyboard-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font-weight:850}.keyboard-grid button:hover{border-color:var(--purple);color:var(--purple)}.keyboard-grid button:disabled{opacity:.28}.pipeline-steps{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.pipeline-steps span{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px 14px;font-weight:900;color:var(--purple)}.pipeline-steps i{font-style:normal;color:var(--muted)}
.connect-toolbar,.knight-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.connect-toolbar h3,.knight-toolbar h3{margin:4px 0 0;font-size:19px}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:760px;margin:auto;background:#4c24bd;padding:16px;border-radius:20px;box-shadow:inset 0 -12px 25px rgba(0,0,0,.2)}.connect-board button{aspect-ratio:1;border:0;background:transparent;padding:0}.connect-board button span{display:block;width:100%;height:100%;border-radius:50%;background:var(--panel);box-shadow:inset 0 6px 12px rgba(0,0,0,.2)}.connect-board button.red span{background:#f15555}.connect-board button.yellow span{background:#ffd24d}.ai-test-strip{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.ai-test-strip span{font-size:10px;border:1px solid #b9e9d6;color:var(--green);background:#e6f8f1;border-radius:999px;padding:7px 11px}.algo-hint{color:var(--muted);font-size:10px;text-align:center}.recursion-summary{margin:15px 0}.recursion-tree{overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;min-height:400px}.recursion-tree ul,.bst-tree ul{display:flex;justify-content:center;gap:12px;position:relative;padding:24px 0 0;margin:0;list-style:none}.recursion-tree li,.bst-tree li{position:relative;text-align:center;padding:24px 4px 0}.recursion-tree li:before,.bst-tree li:before{content:"";position:absolute;top:0;left:50%;height:24px;border-left:1px solid #bfaee9}.recursion-tree>ul>li:before,.bst-tree>ul>li:before{display:none}.recursion-tree li>span,.bst-tree li>span{display:inline-grid;place-items:center;min-width:66px;min-height:48px;border:1px solid #cbbbf5;border-radius:10px;background:var(--panel);box-shadow:0 8px 18px rgba(53,27,107,.08);animation:node-in .35s both;animation-delay:var(--delay,0ms)}.recursion-tree li>span b,.recursion-tree li>span small{display:block}.recursion-tree li>span small{color:var(--purple)}@keyframes node-in{from{opacity:0;transform:translateY(7px) scale(.96)}}
.linked-list-canvas{display:flex;align-items:center;min-height:330px;overflow:auto;padding:40px 20px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:20px 20px;margin-top:15px}.list-node{flex:0 0 140px;min-height:100px;border:2px solid #c8b8f1;border-radius:12px;background:var(--panel);color:var(--ink);display:grid;place-items:center;padding:10px}.list-node.selected{border-color:var(--purple);box-shadow:0 0 0 5px rgba(112,65,234,.1)}.list-node small,.list-node span{color:var(--muted);font-size:8px}.list-node b{font-size:17px}.list-arrow,.list-null{flex:0 0 auto;font-style:normal;color:var(--purple);font-weight:900;padding:0 10px}.list-null{color:var(--muted);font-size:10px}.hash-feedback,.bst-output,.knight-path{margin:15px 0;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:11px 14px;color:var(--muted);font-size:10px}.hash-buckets{display:grid;gap:7px}.hash-bucket{display:grid;grid-template-columns:45px 1fr;min-height:55px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.hash-bucket>span{display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:900}.hash-bucket>div{display:flex;align-items:center;gap:9px;padding:8px;overflow:auto}.hash-bucket b{display:flex;flex-direction:column;min-width:105px;border:1px solid var(--line);border-radius:7px;padding:7px;background:var(--panel)}.hash-bucket i,.hash-bucket em{font-style:normal}.hash-bucket i{color:var(--purple)}.hash-bucket em{font-size:9px;color:var(--muted)}.hash-bucket u{text-decoration:none;color:var(--purple)}.hash-bucket small{color:var(--muted)}.bst-tree{overflow:auto;padding:22px;border:1px solid var(--line);border-radius:12px;min-height:400px}.bst-tree li>span{min-width:44px;min-height:44px;border-radius:50%;font-weight:900}.bst-tree li>span.highlighted{background:var(--purple);color:#fff;border-color:var(--purple)}.bst-tree .empty-node>span{opacity:.28;border-style:dashed}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,650px);aspect-ratio:1;margin:auto;border:8px solid #37244f;border-radius:12px;overflow:hidden}.chess-board button{border:0;font-size:clamp(12px,2.2vw,25px);font-weight:900}.light-square{background:#f0e7d5}.dark-square{background:#745b8e;color:#fff}.chess-board button.knight-route{box-shadow:inset 0 0 0 5px rgba(54,214,160,.72)}.chess-board button.knight-start{background:#7041ea;color:#fff}.chess-board button.knight-end{background:#ee8f3c;color:#fff}.algorithm-empty{padding:35px;text-align:center;color:var(--muted)}
body.dark .algo-control-panel,body.dark .algo-output-panel,body.dark .stock-chart,body.dark .recursion-tree,body.dark .linked-list-canvas,body.dark .bst-tree{background:var(--panel)}body.dark .light-square{background:#d8cfbd;color:#21172f}body.dark .dark-square{background:#624b79}
@media(max-width:1150px){.algorithm-layout{grid-template-columns:255px minmax(0,1fr)}.algorithm-hero{align-items:flex-start}.algorithm-hero-stats{grid-template-columns:repeat(3,90px)}.two-column-app{grid-template-columns:1fr}.algorithm-stage{min-height:520px}.hangman-app{grid-template-columns:1fr}.hangman-figure{transform:scale(.75);height:285px;margin-top:-25px;margin-bottom:-25px}}
@media(max-width:900px){.algorithm-filter{grid-template-columns:1fr 1fr}.algorithm-filter strong{text-align:right}.algorithm-layout{grid-template-columns:1fr}.algorithm-catalog{position:static;max-height:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.algorithm-tool{flex:0 0 220px;scroll-snap-align:start}.algorithm-workbench>header{flex-direction:column}.algorithm-source-actions{justify-content:flex-start}.algorithm-hero{flex-direction:column}.algorithm-hero-stats{width:100%;grid-template-columns:repeat(3,1fr)}.algorithm-stage{padding:15px}.alphabet-strip{grid-template-columns:repeat(7,1fr)}}
@media(max-width:600px){.algorithm-filter{grid-template-columns:1fr}.algorithm-filter strong{text-align:left}.algorithm-hero{padding:20px}.algorithm-hero-stats{gap:6px}.algorithm-hero-stats span{padding:11px 5px}.algorithm-workbench>header{padding:16px}.algorithm-workbench>header h2{font-size:21px}.algorithm-source-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.algorithm-source-actions a{text-align:center}.algorithm-meta{display:grid}.algorithm-stage{padding:12px;min-height:480px}.algo-app{min-height:440px}.algo-inline-form{align-items:stretch}.algo-inline-form .algo-field{flex-basis:100%}.algo-inline-form button{flex:1}.algo-metrics,.stock-summary,.recursion-summary{grid-template-columns:1fr}.algo-metrics{grid-template-columns:1fr 1fr}.sort-bars{height:310px;padding-inline:8px;gap:2px}.sort-bars i{display:none}.keyboard-grid{grid-template-columns:repeat(7,1fr)}.hangman-word span{width:29px;height:38px}.connect-board{gap:5px;padding:10px;border-radius:13px}.pipeline-steps{gap:5px}.linked-list-canvas{min-height:270px;padding-inline:10px}.list-node{flex-basis:115px}.chess-board{border-width:5px}.algorithm-tool{flex-basis:200px}.algorithm-promo-grid{grid-template-columns:repeat(2,1fr)}}

/* V10 | Application Studio */
.application-menu-link em{margin-left:auto;font-style:normal;font-size:10px;background:#e9f0ff;color:#3156a6;border-radius:999px;padding:3px 7px;font-weight:800}
.application-menu-link.active em{background:rgba(255,255,255,.18);color:inherit}
.application-hero{background:linear-gradient(135deg,#f7fbff,#eef4ff 55%,#f3edff)}
body.dark .application-hero{background:linear-gradient(135deg,#211b34,#1d2942)}
.appstudio-app{min-height:470px}
.appstudio-summary,.inventory-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.appstudio-summary span,.inventory-metrics span{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:15px;display:grid;gap:4px}
.appstudio-summary small,.inventory-metrics small{color:var(--muted);font-size:11px}.appstudio-summary b,.inventory-metrics b{font-size:22px}
.appstudio-split,.inventory-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:16px}
.appstudio-form-card,.appstudio-content-card,.inventory-table-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px;min-width:0}
.appstudio-content-card>header,.inventory-table-card>header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}.appstudio-content-card h3,.inventory-table-card h3{margin:2px 0 0;font-size:20px}
.appstudio-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appstudio-two-fields .algo-field{min-width:0}
.time-tracker{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft)}.time-tracker span{display:grid}.time-tracker small{color:var(--muted);font-size:9px;letter-spacing:.1em}.time-tracker b{font-variant-numeric:tabular-nums;font-size:20px}.time-tracker button{border:0;border-radius:9px;padding:9px 13px;background:#1e1732;color:#fff;cursor:pointer}
.todo-list{display:grid;gap:10px;max-height:470px;overflow:auto;padding-right:3px}.todo-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto 30px;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--panel)}.todo-item.done{opacity:.65}.todo-item.done h4{text-decoration:line-through}.todo-item h4{margin:0 0 5px;font-size:14px}.todo-item p{margin:0;display:flex;gap:6px;flex-wrap:wrap}.todo-item p span{font-size:10px;background:var(--soft);border-radius:999px;padding:3px 7px;color:var(--muted)}.todo-check{width:30px;height:30px;border:1px solid #bba8ef;border-radius:9px;background:#fff;color:#7041ea;font-weight:900;cursor:pointer}.todo-delete{border:0;background:transparent;color:#9c92ad;font-size:20px;cursor:pointer}.todo-item>em{font-size:10px;font-style:normal;border-radius:999px;padding:5px 8px}.priority-high{background:#ffe6e7;color:#b52b36}.priority-medium{background:#fff3d8;color:#9a6a08}.priority-low{background:#e4f7ef;color:#267a59}
body.dark .todo-check{background:#28213a}

.weather-studio{border-radius:20px;padding:18px;background:linear-gradient(135deg,#27458b,#779bf0);color:#fff;transition:.3s}.weather-studio.weather-warm{background:linear-gradient(135deg,#4b65aa,#f09a72)}.weather-studio.weather-rain{background:linear-gradient(135deg,#203451,#5d799b)}.weather-studio.weather-cloud{background:linear-gradient(135deg,#50586e,#8c95a8)}.weather-studio.weather-sunny{background:linear-gradient(135deg,#315bb2,#ffb85c)}.weather-studio.weather-cool{background:linear-gradient(135deg,#315a7a,#78b7c8)}
.weather-search{display:flex;gap:8px}.weather-search label{flex:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:0 12px}.weather-search input{width:100%;border:0;background:transparent;color:#fff;outline:0;padding:12px 0}.weather-search input::placeholder{color:rgba(255,255,255,.68)}.weather-search button{border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:10px 13px;cursor:pointer}.weather-search .algo-primary{background:#fff;color:#3156a6}
.weather-current{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;padding:35px 12px 28px}.weather-current>div{display:flex;align-items:center;gap:18px}.weather-current>div>span{font-size:65px}.weather-current small{font-size:10px;letter-spacing:.12em}.weather-current h3{font-size:35px;margin:4px 0 0}.weather-current p{margin:4px 0;color:rgba(255,255,255,.78)}.weather-current>strong{font-size:72px;letter-spacing:-.07em}.weather-current>strong i{font-size:20px;font-style:normal}.weather-current ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:0}.weather-current li{background:rgba(255,255,255,.12);border-radius:12px;padding:12px;min-width:90px}.weather-current li small,.weather-current li b{display:block}.weather-current li small{font-size:10px;color:rgba(255,255,255,.75)}
.weather-hourly,.weather-daily{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:15px;margin-top:12px}.weather-hourly header,.weather-daily header{display:flex;justify-content:space-between;align-items:center}.weather-hourly h3,.weather-daily h3{margin:0 0 12px}.weather-hourly header span{font-size:11px;color:rgba(255,255,255,.7)}.weather-hourly>div{display:flex;gap:8px;overflow:auto;padding-bottom:5px}.weather-hourly article{min-width:76px;background:rgba(255,255,255,.11);border-radius:12px;padding:10px;text-align:center;display:grid;gap:5px}.weather-hourly article span{font-size:23px}.weather-hourly small{color:rgba(255,255,255,.75)}.weather-daily>div{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.weather-daily article{display:grid;gap:6px;text-align:center;background:rgba(255,255,255,.1);border-radius:11px;padding:10px 5px}.weather-daily article span{font-size:22px}.weather-daily article small,.weather-daily article i{font-size:9px}.weather-daily article i{font-style:normal;color:rgba(255,255,255,.7)}

.testing-preview{min-height:180px;border:1px dashed #bba9ec;border-radius:12px;padding:17px;background:var(--panel);margin:8px 0 14px}.testing-preview button{border:0;border-radius:8px;background:#7041ea;color:#fff;padding:9px 13px}.testing-preview input{display:block;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:8px}.testing-result{border:1px solid var(--line);border-radius:12px;overflow:hidden}.testing-result header{display:flex;justify-content:space-between;gap:10px;padding:12px;background:var(--soft)}.testing-result code{font-size:11px;color:#7041ea}.testing-result pre{margin:0;padding:14px;overflow:auto;white-space:pre-wrap;font-size:11px}.testing-result p{padding:14px;margin:0}.test-pass{color:#237b58}.test-fail{color:#b52b36}

.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.battle-header h3{margin:3px 0}.battle-layout{display:grid;grid-template-columns:1fr 1fr minmax(180px,.55fr);gap:14px}.battle-layout>section,.battle-log{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:13px}.battle-layout section>header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.battle-board{display:grid;grid-template-columns:repeat(10,1fr);aspect-ratio:1;border:1px solid #b6c5e4;background:#e6efff}.battle-board button{border:1px solid rgba(45,85,145,.18);background:#d9e8ff;min-width:0;color:#fff;font-weight:900;cursor:pointer}.battle-board button:hover{background:#bcd4ff}.battle-board button.ship{background:#53627e}.battle-board button.hit{background:#e34755}.battle-board button.miss{background:#6f94cf}.battle-log{max-height:385px;overflow:auto}.battle-log>strong{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.battle-log p{font-size:10px;margin:0;padding:8px;border-bottom:1px solid var(--line)}

.cv-studio{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:16px}.cv-editor{border:1px solid var(--line);border-radius:15px;padding:17px;background:var(--panel)}.cv-editor>header{display:flex;justify-content:space-between;align-items:center}.cv-editor>header button{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:7px 10px}.cv-preview{background:#fff;color:#181326;border:1px solid #e5e0eb;border-radius:3px;padding:42px;box-shadow:0 20px 40px rgba(35,23,62,.12);min-height:690px}.cv-preview header{border-bottom:4px solid #7041ea;padding-bottom:18px}.cv-preview h2{font-size:36px;margin:0}.cv-preview header strong{color:#7041ea;font-size:17px}.cv-preview header p{color:#6f687d}.cv-preview section{margin-top:27px}.cv-preview section h3{text-transform:uppercase;letter-spacing:.12em;font-size:12px;border-bottom:1px solid #d9d2e2;padding-bottom:7px}.cv-preview section article{margin:15px 0}.cv-preview section article p{margin:4px 0;color:#5f586e}.cv-skills{display:flex;flex-wrap:wrap;gap:7px}.cv-skills span{background:#eee8ff;color:#5932b8;border-radius:999px;padding:6px 10px;font-size:11px}

.memory-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.memory-toolbar>div{display:flex;gap:8px}.memory-toolbar span{display:grid;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:8px 14px;min-width:88px}.memory-toolbar small{font-size:9px;color:var(--muted)}.memory-toolbar b{font-variant-numeric:tabular-nums}.memory-grid{max-width:640px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:11px;perspective:1000px}.memory-card{aspect-ratio:1;border:0;background:transparent;position:relative;transform-style:preserve-3d;transition:transform .45s;cursor:pointer}.memory-card.open,.memory-card.matched{transform:rotateY(180deg)}.memory-card>span{position:absolute;inset:0;display:grid;place-items:center;border-radius:15px;backface-visibility:hidden;box-shadow:0 10px 22px rgba(51,29,98,.12)}.memory-back{background:linear-gradient(145deg,#7041ea,#4c1fbd);color:#fff;font-size:27px}.memory-face{background:var(--panel);border:1px solid var(--line);font-size:38px;transform:rotateY(180deg)}.memory-card.matched .memory-face{box-shadow:0 0 0 3px #5dd0a1 inset}.memory-studio>.algo-hint{text-align:center}

.shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:9px;margin-bottom:14px}.shop-toolbar>label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:0 11px}.shop-toolbar input{border:0;background:transparent;outline:0;width:100%;padding:11px 0}.shop-toolbar button{border:0;border-radius:10px;background:#1e1732;color:#fff;padding:10px 15px}.shop-toolbar button b{background:#7041ea;border-radius:999px;padding:2px 7px}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:14px;display:grid;gap:8px}.product-card>div{min-height:105px;border-radius:12px;background:linear-gradient(145deg,var(--soft),#eee8ff);display:flex;justify-content:space-between;padding:11px}.product-card>div span{font-size:45px;align-self:center;margin:auto}.product-card>div em{font-size:9px;font-style:normal;background:#fff;border-radius:999px;height:max-content;padding:4px 7px;color:#7041ea}.product-card h4{margin:0;font-size:14px}.product-card p{margin:0;color:var(--muted);font-size:10px}.product-card footer{display:flex;align-items:center;justify-content:space-between}.product-card footer b{font-size:13px}.product-card footer button{border:0;background:#7041ea;color:#fff;border-radius:8px;padding:7px 9px}.cart-panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:14px;display:flex;flex-direction:column}.cart-panel header{display:flex;justify-content:space-between;align-items:center}.cart-panel h3{margin:0}.cart-panel header button{border:0;background:transparent;color:var(--muted)}#shop-cart-items{display:grid;gap:8px;margin:14px 0;max-height:360px;overflow:auto}#shop-cart-items article{display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:9px 0}#shop-cart-items article>span{font-size:24px}#shop-cart-items article div{display:grid}#shop-cart-items small{color:var(--muted);font-size:9px}#shop-cart-items label{display:flex;align-items:center;gap:5px}#shop-cart-items label button{width:24px;height:24px;border:1px solid var(--line);background:var(--soft);border-radius:6px}.cart-panel footer{margin-top:auto;border-top:1px solid var(--line);padding-top:13px;display:grid;gap:10px}.cart-panel footer span{display:flex;justify-content:space-between}

.sql-studio{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.sql-schema{background:#1e1930;color:#dad2ea;padding:14px;display:flex;flex-direction:column;gap:9px}.sql-schema>button{background:#7041ea;color:#fff;border:0;border-radius:8px;padding:9px}.sql-schema>strong{font-size:9px;letter-spacing:.12em;color:#9e94b6;margin-top:8px}.sql-schema details{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:7px}.sql-schema summary{cursor:pointer;font-weight:700}.sql-schema details span{display:block;font-size:10px;color:#9e94b6;padding:3px 0 0 14px}.sql-workspace{min-width:0;background:var(--panel)}.sql-workspace>header{padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}#sql-editor{display:block;width:100%;min-height:190px;border:0;border-bottom:1px solid var(--line);background:#232033;color:#e7def7;padding:19px;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;outline:0;resize:vertical}.sql-tabs{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);font-size:11px}.sql-tabs span{color:#28835e}.sql-results{overflow:auto;max-height:330px}.sql-results table{width:100%;border-collapse:collapse;font-size:11px}.sql-results th,.sql-results td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.sql-results th{background:var(--soft);position:sticky;top:0}

.tour-hero{min-height:260px;border-radius:18px;padding:34px;background:linear-gradient(115deg,#112d58,#1c6e98);color:#fff;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:20px;overflow:hidden}.tour-hero>div>span{font-size:10px;letter-spacing:.14em}.tour-hero h3{font-size:36px;line-height:1.05;margin:9px 0 12px;max-width:650px}.tour-hero p{color:rgba(255,255,255,.77)}.tour-hero label{display:flex;max-width:500px;background:#fff;border-radius:10px;padding:4px}.tour-hero label input{flex:1;border:0;padding:10px;outline:0}.tour-hero label button{border:0;background:#ff8b55;color:#fff;border-radius:8px;padding:9px 14px}.tour-hero-art{height:190px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;align-content:center}.tour-hero-art i{font-style:normal;font-size:55px}.tour-hero-art b{font-size:22px}.tour-hero-art span{font-size:11px}.tour-toolbar{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.tour-toolbar>div{display:flex;gap:6px}.tour-toolbar button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 12px}.tour-toolbar button.active{background:#1c6e98;color:#fff}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tour-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.tour-card>div{height:120px;background:linear-gradient(145deg,#e7f4ff,#f2eaff);display:flex;justify-content:space-between;padding:12px}.tour-card>div span{font-size:48px;margin:auto}.tour-card>div em{font-size:9px;background:#fff;color:#1c6e98;border-radius:999px;padding:5px 8px;height:max-content;font-style:normal}.tour-card h4,.tour-card p,.tour-card footer{margin-left:14px;margin-right:14px}.tour-card h4{margin-bottom:4px}.tour-card p{color:var(--muted);font-size:10px}.tour-card footer{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.tour-card footer span{display:grid}.tour-card footer small{font-size:9px;color:var(--muted)}.tour-card footer button{border:0;border-radius:8px;background:#ff8b55;color:#fff;padding:8px 11px}.tour-booking{position:fixed;inset:0;background:rgba(20,14,34,.66);z-index:200;display:grid;place-items:center;padding:20px}.tour-booking[hidden]{display:none}.tour-booking>div,.tour-booking{color:inherit}.tour-booking>span{font-size:65px}.tour-booking{grid-template-columns:auto minmax(240px,380px);gap:20px;align-content:center}.tour-booking>div{background:var(--panel);border-radius:18px;padding:24px;display:grid;gap:10px;position:relative}.tour-booking .tour-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:22px}.tour-booking label{display:grid;gap:4px}.tour-booking input{padding:9px;border:1px solid var(--line);border-radius:8px}.tour-booking strong{font-size:24px;color:#7041ea}

.message-studio{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:15px}.message-compose,.message-feed{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:17px}.message-compose>small{display:block;margin-top:10px;color:var(--muted)}.message-feed>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.message-feed h3{margin:2px 0}.message-feed>header label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 9px}.message-feed>header input{border:0;background:transparent;outline:0;padding:9px;width:180px}#message-list{display:grid;gap:10px;max-height:510px;overflow:auto;margin-top:14px}#message-list>article{border:1px solid var(--line);border-radius:13px;padding:13px}#message-list article header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center}#message-list article header>span{width:34px;height:34px;border-radius:10px;background:#eee8ff;color:#7041ea;display:grid;place-items:center;font-size:10px;font-weight:800}#message-list article header div{display:grid}#message-list article header small{color:var(--muted);font-size:9px}#message-list article header button{border:0;background:transparent}#message-list article p{font-size:13px;line-height:1.6}#message-list article footer{display:flex;gap:15px;color:var(--muted);font-size:10px}#message-list article footer button{border:0;background:transparent;color:inherit;padding:0}

.inventory-metrics .metric-warning{background:#fff0e9;border-color:#ffc9ad}.inventory-table-card>header label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:0 8px}.inventory-table-card>header input{border:0;background:transparent;outline:0;padding:9px}.inventory-table{overflow:auto}.inventory-row{display:grid;grid-template-columns:1.5fr .55fr .8fr .9fr 1fr;gap:8px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--line);font-size:11px;min-width:650px}.inventory-row.head{font-weight:800;color:var(--muted);background:var(--soft);border-radius:9px}.inventory-row>span:first-child{display:grid}.inventory-row small{color:var(--muted)}.inventory-row em{font-style:normal;border-radius:999px;padding:4px 8px}.stock-low{background:#ffe5e6;color:#b52b36}.stock-ok{background:#e4f7ef;color:#267a59}.inventory-row>span:last-child{display:flex;gap:5px}.inventory-row button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:5px 7px}.inventory-sell{color:#7041ea}

.members-studio{display:grid;grid-template-columns:270px minmax(0,1fr);gap:15px}.member-sidebar,.member-feed{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:18px}.member-sidebar{text-align:center}.member-shield{width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#7041ea,#3b1a91);color:#fff;display:grid;place-items:center;font-size:34px;margin:0 auto 12px}.member-sidebar h3{margin:0}.member-sidebar p{color:var(--muted);font-size:12px}.member-sidebar input{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;margin:8px 0}.member-sidebar>button{width:100%;margin-top:7px}.member-permissions{margin-top:15px;text-align:left;display:grid;gap:7px;border-top:1px solid var(--line);padding-top:13px;font-size:11px}.member-feed>header{display:flex;justify-content:space-between;align-items:center}.member-feed h3{margin:2px 0}.member-feed>header>span{font-size:10px;background:#eee8ff;color:#7041ea;padding:6px 9px;border-radius:999px;font-weight:800}.member-feed form{display:flex;gap:8px;margin:14px 0}.member-feed form input{flex:1;padding:11px;border:1px solid var(--line);border-radius:9px}.member-feed form button{border:0;border-radius:9px;background:#7041ea;color:#fff;padding:9px 14px}.member-feed form :disabled{opacity:.55}#member-posts{display:grid;gap:10px;max-height:450px;overflow:auto}#member-posts article{border:1px solid var(--line);border-radius:13px;padding:13px}#member-posts header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center}#member-posts header>span{width:34px;height:34px;background:#eee8ff;color:#7041ea;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:800}#member-posts header div{display:grid}#member-posts header small{font-size:9px;color:var(--muted)}#member-posts header button{border:0;background:transparent;color:#b52b36}#member-posts p{font-size:13px}#member-posts footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}#member-posts footer button{border:0;background:transparent;color:inherit}

.files-studio{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.file-sidebar{background:var(--soft);padding:15px;display:flex;flex-direction:column;gap:6px}.file-sidebar>button{border:0;background:transparent;text-align:left;padding:9px;border-radius:8px}.file-sidebar>button:first-child{background:#7041ea;color:#fff;text-align:center;margin-bottom:10px}.file-sidebar>button.active{background:#e8e0ff;color:#5932b8}.file-sidebar>strong{font-size:9px;letter-spacing:.12em;color:var(--muted);margin:6px 0}.file-storage{margin-top:auto}.file-storage span{display:flex;justify-content:space-between;font-size:9px}.file-storage i{display:block;height:6px;background:#ded8e7;border-radius:999px;margin-top:7px;overflow:hidden}.file-storage u{display:block;height:100%;background:#7041ea;width:0}.file-main{padding:16px;min-width:0}.file-main>header{display:flex;justify-content:space-between;align-items:center}.file-main h3{margin:2px 0}.file-main>header button{border:0;background:#7041ea;color:#fff;border-radius:9px;padding:9px 13px}.file-dropzone{border:2px dashed #bdaaea;border-radius:13px;min-height:105px;display:grid;place-items:center;align-content:center;margin:13px 0;color:var(--muted);cursor:pointer}.file-dropzone.dragging{background:#eee8ff;border-color:#7041ea;color:#7041ea}.file-dropzone span{font-size:26px}.file-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.file-toolbar label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:0 8px}.file-toolbar input{border:0;background:transparent;outline:0;padding:8px}.file-manager-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.file-manager-grid article{border:1px solid var(--line);border-radius:12px;padding:13px;position:relative;min-height:115px;display:grid;align-content:center;gap:8px}.file-manager-grid article>span{font-size:31px;color:#7041ea}.file-manager-grid article div{display:grid}.file-manager-grid article small{font-size:9px;color:var(--muted)}.file-manager-grid .file-more{position:absolute;right:7px;top:7px;border:0;background:transparent}.file-manager-grid .folder-item{background:var(--soft)}.file-preview-panel{position:absolute;right:18px;bottom:18px;width:min(390px,calc(100% - 36px));max-height:380px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px rgba(30,20,55,.2);padding:14px;z-index:30}.file-preview-panel header{display:flex;justify-content:space-between}.file-preview-panel header div{display:grid}.file-preview-panel button{border:0;background:transparent;font-size:20px}.file-preview-panel img{max-width:100%;margin-top:12px}.file-preview-panel pre{white-space:pre-wrap;font-size:11px;background:var(--soft);padding:12px;border-radius:9px}.file-main{position:relative}

@media(max-width:1180px){.battle-layout{grid-template-columns:1fr 1fr}.battle-log{grid-column:span 2}.product-grid{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:minmax(0,1fr) 280px}.weather-current{grid-template-columns:1fr auto}.weather-current ul{grid-column:span 2}.weather-daily>div{grid-template-columns:repeat(4,1fr)}.file-manager-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.appstudio-split,.inventory-layout,.cv-studio,.message-studio,.members-studio{grid-template-columns:1fr}.battle-layout{grid-template-columns:1fr}.battle-log{grid-column:auto}.shop-layout{grid-template-columns:1fr}.cart-panel{display:none}.cart-panel.open{display:flex}.sql-studio,.files-studio{grid-template-columns:1fr}.sql-schema,.file-sidebar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.sql-schema details,.sql-schema>strong,.file-sidebar>strong,.file-storage{display:none}.file-sidebar>button{margin:0!important;text-align:center!important}.tour-hero{grid-template-columns:1fr}.tour-hero-art{display:none}.tour-grid{grid-template-columns:repeat(2,1fr)}.weather-current{gap:15px}.weather-current>strong{font-size:55px}.file-manager-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.appstudio-summary,.inventory-metrics{grid-template-columns:repeat(2,1fr)}.appstudio-two-fields{grid-template-columns:1fr}.weather-search{display:grid;grid-template-columns:1fr 1fr}.weather-search label{grid-column:span 2}.weather-current{display:block;padding:25px 4px}.weather-current>strong{display:block;margin:10px 0}.weather-current ul{grid-template-columns:repeat(3,1fr)}.weather-current li{min-width:0;padding:9px}.weather-current h3{font-size:29px}.weather-current>div>span{font-size:48px}.weather-daily>div{grid-template-columns:repeat(2,1fr)}.battle-layout>section,.battle-log{padding:9px}.battle-board{width:100%}.cv-preview{padding:25px;min-height:570px}.cv-preview h2{font-size:29px}.memory-grid{gap:7px}.memory-card>span{border-radius:10px}.memory-face{font-size:27px}.memory-toolbar{align-items:flex-start;gap:8px}.memory-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.memory-toolbar span{min-width:0;padding:7px}.shop-toolbar{grid-template-columns:1fr auto}.shop-toolbar select{grid-row:2;grid-column:span 2}.product-grid{grid-template-columns:1fr 1fr}.product-card>div{min-height:85px}.sql-schema,.file-sidebar{grid-template-columns:repeat(2,1fr)}.tour-hero{padding:24px}.tour-hero h3{font-size:29px}.tour-grid{grid-template-columns:1fr}.tour-booking{grid-template-columns:1fr;text-align:center}.message-feed>header,.inventory-table-card>header{display:grid}.message-feed>header input,.inventory-table-card>header input{width:100%}.file-manager-grid{grid-template-columns:repeat(2,1fr)}.files-studio{min-height:620px}}
@media(max-width:430px){.product-grid,.file-manager-grid{grid-template-columns:1fr}.weather-search{grid-template-columns:1fr}.weather-search label{grid-column:auto}.memory-toolbar{display:grid}.battle-board button{font-size:10px}.tour-toolbar{display:grid;gap:9px}.tour-toolbar>div{overflow:auto}.appstudio-app{min-height:420px}}

/* V10 | cross-browser modern vertical and horizontal scrollbars */
html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7657ee rgba(235,231,244,.92)}
*{scrollbar-width:thin;scrollbar-color:#7657ee rgba(235,231,244,.8)}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(242,239,247,.95),rgba(229,224,238,.95));border:1px solid rgba(112,76,201,.12);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c7cff 0%,#7041ea 48%,#3a8df7 100%);border:3px solid rgba(243,240,248,.95);border-radius:999px;box-shadow:0 0 15px rgba(112,65,234,.45)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#bca7ff,#8155f2 48%,#55a5ff);box-shadow:0 0 20px rgba(112,65,234,.72)}
*::-webkit-scrollbar-corner{background:var(--bg)}
body.dark,body.dark *{scrollbar-color:#8b70ff rgba(27,21,42,.94)}
body.dark *::-webkit-scrollbar-track{background:rgba(27,21,42,.94);border-color:rgba(155,120,255,.15)}
body.dark *::-webkit-scrollbar-thumb{border-color:rgba(27,21,42,.94)}
.module-link em{margin-left:auto;font-style:normal;font-size:8px;line-height:1;padding:5px 7px;border-radius:999px;background:#e9e1ff;color:#6b3ed1;font-weight:900}.module-link.active em{background:#fff}
.embedded-view{min-height:calc(100vh - 142px)}.embedded-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;background:linear-gradient(135deg,#211547,#46309c);color:#fff;padding:18px 20px;border-radius:14px;box-shadow:0 18px 42px rgba(66,43,145,.18)}.embedded-toolbar span{font-size:9px;letter-spacing:.14em;color:#c8b9ff;font-weight:900}.embedded-toolbar h2{font-size:20px;margin:4px 0}.embedded-toolbar p{margin:0;color:#cfc7e8;font-size:11px}.embedded-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.embedded-toolbar a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:9px;font-size:10px;font-weight:800}.embedded-toolbar a:hover{background:#fff;color:#3d248d}.embedded-frame-shell{height:calc(100vh - 250px);min-height:650px;border:1px solid var(--line);border-radius:15px;background:#07182f;overflow:auto;box-shadow:var(--shadow);scrollbar-gutter:stable both-edges}.embedded-frame-shell iframe{display:block;width:100%;height:100%;min-width:320px;border:0;background:#07182f}.embedded-frame-shell.resume-frame{background:#111425}
@media(max-width:850px){.embedded-view{min-height:auto}.embedded-frame-shell{height:calc(100vh - 220px);min-height:600px}.embedded-toolbar{align-items:flex-start;flex-direction:column}.embedded-toolbar>div:last-child{width:100%}.embedded-toolbar a{flex:1;text-align:center}}
@media(max-width:560px){*::-webkit-scrollbar{width:8px;height:8px}.embedded-frame-shell{height:calc(100vh - 215px);min-height:540px;border-radius:11px}.embedded-toolbar{padding:14px}.embedded-toolbar h2{font-size:17px}.embedded-toolbar p{font-size:10px}}


/* V11 | high-contrast dark workspace ------------------------------------------------ */
body.dark{
  color-scheme:dark;
  --bg:#090b16;--panel:#111525;--ink:#f6f4ff;--muted:#aaa9bf;--line:#292d43;
  --sidebar:#0d101d;--top:#0d101d;--purple:#9b7cff;--purple-soft:#27203f;
  --green:#5cdaa6;--blue:#72a7ff;--orange:#ffad6d;--red:#ff7d87;--soft:#171b2e;
  --surface:#111525;--surface-2:#171b2e;--text:#f6f4ff;
  --shadow:0 18px 48px rgba(0,0,0,.38);
  background:radial-gradient(circle at 80% -10%,rgba(112,65,234,.16),transparent 32%),#090b16;
}
body.dark .workspace-shell,body.dark .workspace-main{background:transparent;color:var(--ink)}
body.dark :is(input,textarea,select,option){background:#0c1020!important;color:#f6f4ff!important;border-color:#303650!important;caret-color:#b99fff}
body.dark :is(input,textarea)::placeholder{color:#777c96!important;opacity:1}
body.dark :is(button,a){color:inherit}
body.dark .deploy-button,body.dark .primary-action,body.dark [class*="primary"],body.dark .new-app,
body.dark .appstudio-launch,body.dark .algorithm-run,body.dark .inventory-sell,body.dark .workflow-canvas header button{color:#fff}
body.dark :is(.topbar,.sidebar,.panel,.stats-grid article,.ai-workspace,.crm-table,.database-grid>*,.api-studio,.monitor-grid article,.workflow-canvas,.document-editor,.file-explorer,.appstudio-shell,.appstudio-stage,.algorithm-stage,.algorithm-control-panel,.algorithm-output-panel,.inventory-card,.inventory-table-card,.message-feed,.member-feed,.file-main,.file-preview-panel,.sql-workspace,.cart-panel,.cv-editor,.cv-preview,.testing-editor,.testing-preview,.todo-panel,.todo-list,.weather-panel,.battle-layout>section,.battle-log,.memory-toolbar,.shop-panel,.tour-card,.tour-booking>div){background:#111525!important;color:#f6f4ff!important;border-color:#292d43!important}
body.dark :is(.search-button,.share-button,.toolbar-actions button,.panel header button,.crm-table header button,.ai-chat header button,.request-url,.param-table input,.file-toolbar label,.inventory-table-card>header label){background:#151a2c!important;color:#e8e5f5!important;border-color:#303650!important}
body.dark :is(.module-link,.ai-history span,.folder-tree span,.request-list span,.automation-list span){color:#b6b3c8}
body.dark :is(.module-link:hover,.icon-button:hover,.module-link.active,.ai-history span.selected,.file-sidebar>button.active){background:#27203f!important;color:#c7b7ff!important}
body.dark :is(.new-app,.install-workspace-button,.sidebar-install){background:linear-gradient(135deg,#7b56ef,#5934cd)!important;color:#fff!important;border-color:#9b7cff!important}
body.dark :is(.kanban-column,.chat-message.user,.project-row i,.usage>i,.file-sidebar,.sql-results th,.inventory-row.head,.folder-item,.appstudio-catalog,.algorithm-catalog,.testing-results,.todo-sidebar){background:#171b2e!important;color:#e9e6f3!important}
body.dark :is(.kanban-column article,.product-card,.tour-card,.file-manager-grid article,#member-posts article,.message-card,.todo-item,.weather-day,.memory-card,.metric-card,.appstudio-summary article,.inventory-metrics article){background:#121728!important;color:#f4f1fb!important;border-color:#2b3048!important;box-shadow:none}
body.dark :is(.purple,.blue,.green,.orange,.badge,.stock-low,.stock-ok,.module-link em,.tour-card>div em){background:#26213c!important;color:#cbbcff!important}
body.dark :is(.event-icon,.stat-icon,.flow-icon){outline:1px solid rgba(176,151,255,.20)}
body.dark .chart-grid{background:repeating-linear-gradient(to bottom,transparent,transparent 49px,#292d43 50px)}
body.dark :is(.tour-hero label,.tour-card>div em){background:#151a2c!important;color:#f3efff!important}
body.dark :is(.tour-card>div,.weather-current,.application-hero){background:linear-gradient(145deg,#171f39,#25204a)!important;color:#fff!important}
body.dark :is(.cv-preview,.resume-preview,.resume-page){background:#101522!important;color:#f5f2fc!important;box-shadow:inset 0 0 0 1px #303650!important}
body.dark :is(.cv-preview h1,.cv-preview h2,.cv-preview h3,.resume-page h1,.resume-page h2,.resume-page h3){color:#fff!important}
body.dark :is(.cv-preview p,.cv-preview small,.resume-page p,.resume-page small){color:#c0bfd0!important}
body.dark :is(.sql-results td,.sql-results th,.inventory-row,.project-row,.crm-row,.param-row){border-color:#292d43!important}
body.dark :is(.appstudio-app,.algorithm-app){background:#0d1120;color:#f6f4ff}
body.dark .file-dropzone{background:#101525;color:#b9b5ca;border-color:#584b84}
body.dark .file-dropzone.dragging{background:#24203c;color:#cbbcff;border-color:#9b7cff}
body.dark .embedded-frame-shell{border-color:#303650;background:#070916}
body.dark .embedded-toolbar{background:linear-gradient(135deg,#17142e,#34246f)}
body.dark .command-palette dialog,body.dark dialog{background:#111525;color:#f6f4ff;border-color:#303650}
body.dark .auth-gate-card{background:#111525;color:#f6f4ff;border:1px solid #303650}
body.dark .module-link.active em{background:#3a2d60!important;color:#e9e1ff!important}
body.dark .avatar{background:#2d234a;color:#d7c9ff}
body.dark .search-button kbd{background:#090c18;border-color:#303650;color:#c2bdd4}
body.dark .horizontal-status,body.dark .appstudio-source{color:#aaa9bf}

.install-workspace-button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:9px 12px;font-weight:750;color:var(--purple)}
.sidebar-install{width:100%;margin-bottom:13px;border:1px solid #cbbbf5;background:#f8f5ff;color:var(--purple);border-radius:8px;padding:9px;font-weight:800}
@media(max-width:720px){.top-actions .install-workspace-button{display:none}}