@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-1: #f3faf8;--bg-2: #dfeee9;--sidebar: #0f222b;--sidebar-soft: #193746;--surface: #fcfefe;--surface-2: #eef5f4;--text: #10252a;--muted: #5f7478;--line: #ccdcda;--accent: #188e72;--accent-2: #13b6ec;--accent-soft: #d3f2e8;--danger-bg: #ffefee;--danger-text: #8f2922;--danger-line: #ffc6c2}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;background:radial-gradient(circle at 15% 20%,#fef6de 0,transparent 35%),radial-gradient(circle at 90% 10%,#def8fb 0,transparent 38%),linear-gradient(150deg,var(--bg-1),var(--bg-2));color:var(--text);font-family:IBM Plex Sans,Trebuchet MS,sans-serif}.app-nav{height:56px;padding:0 14px;border-bottom:1px solid #c9ddd7;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#f8fffd,#eef8f6)}.app-nav-brand{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:18px;font-weight:700;color:#123840}.app-nav-links{display:flex;align-items:center;gap:8px}.app-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid #c2d8d1;background:#f6fbf9;color:#274249;text-decoration:none;font-size:12px;font-weight:600}.app-nav-link.active{border-color:#1ca280;background:#d9f4ea;color:#0c5f4c}.studio-page,.native-page{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr}.studio-layout{padding:12px;width:100%;height:100%;min-height:0;display:grid;gap:12px;grid-template-columns:360px 1fr}.studio-sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar-soft));border:1px solid #274654;border-radius:16px;display:flex;flex-direction:column;min-height:0;color:#e6f4f4;box-shadow:0 18px 36px #09131838}.sidebar-header{padding:16px;border-bottom:1px solid #284657}.sidebar-header h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:21px;letter-spacing:.01em}.sidebar-header p{margin:4px 0 10px;font-size:12px;color:#96b2bb}.search-input{width:100%;padding:10px 12px;border:1px solid #315666;border-radius:10px;font-size:13px;background:#0d1d24;color:#e9f7f8}.sidebar-stats{margin-top:8px;font-size:12px;color:#8eb2bc}.error-banner{margin-top:8px;padding:8px 10px;border-radius:8px;font-size:12px;background:#d33d3424;color:#ffd8d5;border:1px solid rgba(245,123,113,.5)}.screen-list{overflow:auto;padding:10px 12px}.empty-list{padding:14px;color:#9dc1ca;font-size:13px}.screen-item{width:100%;border:1px solid #335464;border-radius:10px;background:#0b1c24a8;padding:10px 11px;text-align:left;margin-bottom:8px;cursor:pointer;color:#e5f5f8;transition:border-color .12s ease,transform .12s ease,background .12s ease}.screen-item:hover{border-color:#4a839b;transform:translate(2px)}.screen-item.active{border-color:#22c49e;background:#188e7238}.screen-item-title{font-size:13px;font-weight:600}.screen-item-meta{margin-top:4px;font-size:11px;color:#a5c1c9}.studio-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#fff,#f9fdfc);box-shadow:0 18px 34px #122e2724}.main-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fdfefe,#f2f8f7);gap:16px}.toolbar-meta{margin-top:4px;font-size:12px;color:var(--muted)}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-actions button{border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--surface-2);color:var(--text);font-size:12px;cursor:pointer}.toolbar-actions button.active{border-color:var(--accent);background:var(--accent-soft);color:#0b5d49;font-weight:600}.toolbar-actions button:disabled{opacity:.5;cursor:not-allowed}.main-content{min-height:0;min-width:0;background:#f7fbfa;overflow:auto}.preview-empty{padding:24px 28px;color:var(--muted)}.preview-error{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:12px;margin:14px}.preview-error p{margin:8px 0 0}.live-canvas-wrap{width:100%;min-height:100%;padding:14px}.live-canvas-host{width:100%;min-height:calc(100vh - 168px);border:1px solid #d0e0dd;border-radius:12px;overflow:hidden;background:#fff}.screenshot-wrap{width:100%;height:100%;overflow:auto;padding:16px;background:#0f172a}.screenshot-image{display:block;width:min(100%,1400px);margin:0 auto;border-radius:10px;box-shadow:0 10px 30px #00000059}.native-layout{width:100%;min-height:0;display:grid;grid-template-columns:300px 1fr;gap:12px;padding:12px}.native-personas{min-height:0;border:1px solid #2b4a59;border-radius:16px;background:linear-gradient(180deg,#0f222b,#1a3947);color:#e5f5f7;display:grid;grid-template-rows:auto 1fr}.native-side-header{padding:14px;border-bottom:1px solid #305162}.native-side-header h1{margin:0;font-size:20px;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.native-side-header p{margin:6px 0 10px;font-size:12px;color:#9db9c1}.native-search{width:100%;border:1px solid #375d6c;border-radius:10px;background:#0a1a21;color:#e5f7f8;padding:9px 11px;font-size:13px}.native-side-actions{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.native-side-actions button{border:1px solid #3f6473;border-radius:9px;background:#11303d;color:#def5f8;padding:7px 8px;font-size:12px;cursor:pointer}.native-side-actions button:disabled{opacity:.5;cursor:not-allowed}.native-import-message,.native-import-error{margin:8px 0 0;font-size:11px;line-height:1.35}.native-import-message{color:#9eeac7}.native-import-error{color:#ffd2cd}.native-persona-list{min-height:0;overflow:auto;padding:10px}.native-persona-item{width:100%;margin-bottom:8px;text-align:left;border:1px solid #365766;border-radius:10px;background:#0a1b238c;color:#ebfbfd;padding:10px;cursor:pointer}.native-persona-item.active{border-color:#23c59f;background:#1481684d}.native-persona-title{display:flex;align-items:center;gap:6px;font-size:13px}.native-persona-meta{margin-top:3px;font-size:11px;color:#9ec2cb}.native-editor{min-width:0;min-height:0;border:1px solid #cedfdb;border-radius:16px;background:linear-gradient(180deg,#fdffff,#f6fcfb);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.native-editor-header{border-bottom:1px solid #d6e3e0;display:flex;justify-content:space-between;gap:10px;padding:14px 16px}.native-editor-header p{margin:4px 0 0;font-size:12px;color:#5c7378}.native-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.native-editor-actions button,.native-link-btn{border:1px solid #c8d9d5;border-radius:9px;background:#edf5f3;color:#17353d;padding:8px 10px;font-size:12px;text-decoration:none;cursor:pointer}.native-hidden-input{display:none}.native-step-grid{min-height:0;display:grid;grid-template-columns:220px 1fr 380px}.native-steps{min-height:0;overflow:auto;border-right:1px solid #d5e3df;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f3faf8}.native-step{border:1px solid #cfdfdb;border-radius:10px;background:#f9fffd;padding:9px 10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}.native-step strong{font-size:13px}.native-step span{font-size:11px;color:#5e757a}.native-step.active{border-color:#1ba884;background:#dcf6ee}.native-form{min-height:0;overflow:auto;padding:16px}.native-fields{display:flex;flex-direction:column;gap:12px}.native-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#38535b}.native-fields input[type=text],.native-fields input[type=number],.native-fields textarea{border:1px solid #cadad6;border-radius:10px;background:#fff;padding:9px 10px;font-size:13px;color:#16323a;font-family:IBM Plex Sans,Trebuchet MS,sans-serif}.native-fields textarea{resize:vertical}.native-channels{display:flex;gap:10px;flex-wrap:wrap}.native-channels label{flex-direction:row;align-items:center;gap:6px;border:1px solid #cfe0dc;border-radius:999px;background:#f4fbf9;padding:5px 10px}.native-step-actions{margin-top:14px;display:flex;gap:10px}.native-step-actions button{border:1px solid #c9d9d4;border-radius:10px;background:#edf7f4;color:#1b3f46;padding:8px 12px;cursor:pointer}.native-preview{min-height:0;overflow:auto;border-left:1px solid #d5e2df;background:#fbfffe;padding:12px}.native-preview h3{margin:4px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#3d5f66}.native-preview pre{margin:0 0 12px;border:1px solid #d9e7e3;border-radius:10px;background:#f4faf8;padding:10px;font-size:11px;color:#17353d;overflow:auto;white-space:pre-wrap}.native-empty{color:#5f7579}@media(max-width:1024px){.app-nav{height:auto;padding:10px;gap:10px;align-items:flex-start;flex-direction:column}.app-nav-links{width:100%}.app-nav-link{flex:1}.studio-layout{padding:8px;grid-template-columns:1fr;grid-template-rows:45vh 55vh;gap:8px}.studio-sidebar{border-bottom:0}.main-toolbar{flex-direction:column;align-items:flex-start}.live-canvas-host{min-height:calc(55vh - 110px)}.native-layout{padding:8px;gap:8px;grid-template-columns:1fr;grid-template-rows:34vh 66vh}.native-step-grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.native-steps{border-right:0;border-bottom:1px solid #d5e3df;flex-direction:row;overflow:auto hidden}.native-step{min-width:180px}.native-preview{border-left:0;border-top:1px solid #d5e2df}}.workspace-page{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:238px minmax(0,1fr);background:radial-gradient(circle at 82% 5%,rgba(20,153,255,.09),transparent 32%),linear-gradient(160deg,#061321,#071827 55%,#071421);color:#d8e8fb}.workspace-page svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.workspace-left{border-right:1px solid #183046;background:linear-gradient(180deg,#08131f,#081824);display:grid;grid-template-rows:auto 1fr auto}.workspace-brand{display:flex;align-items:center;gap:10px;padding:18px 14px;border-bottom:1px solid #183046}.workspace-brand-icon{width:36px;height:36px;border-radius:10px;border:1px solid #2b5168;background:linear-gradient(160deg,#1bc1ff,#0f93cf);color:#042438;display:inline-flex;align-items:center;justify-content:center}.workspace-brand h1{margin:0;font-size:17px;color:#f0f8ff;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.workspace-brand p{margin:2px 0 0;color:#8ca7bf;font-size:11px}.workspace-nav{padding:10px;display:flex;flex-direction:column;gap:6px;overflow:auto}.workspace-nav-item{min-height:38px;border-radius:9px;border:1px solid transparent;color:#b1c8de;background:transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:0 10px;font-size:13px}.workspace-nav-item:hover{border-color:#21435b;color:#def1ff}.workspace-nav-item.active{border-color:#0f5f84;background:linear-gradient(90deg,#00baff36,#00baff14);color:#8de3ff}.workspace-left-footer{border-top:1px solid #183046;padding:10px;display:flex;flex-direction:column;gap:6px}.workspace-main{min-width:0;min-height:0;padding:16px;display:grid;grid-template-rows:auto 1fr;gap:14px}.workspace-header{min-height:70px;border:1px solid #19354e;border-radius:12px;background:linear-gradient(180deg,#081c2ccc,#071826e0);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.workspace-header h2{margin:0;color:#f2fbff;font-size:24px;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.workspace-header p{margin:2px 0 0;color:#8aa8c2;font-size:12px}.workspace-header-actions{display:inline-flex;align-items:center;gap:8px}.workspace-search{min-height:36px;min-width:250px;border:1px solid #21405e;border-radius:9px;background:#081c2e;color:#8ca7c1;display:inline-flex;align-items:center;gap:7px;padding:0 10px}.workspace-search input{width:100%;border:0;background:transparent;outline:0;font-size:12px;color:#daedff}.workspace-search input::placeholder{color:#6d8aa4}.workspace-header-actions button{min-height:36px;border-radius:9px;border:1px solid #2ab9f7;background:linear-gradient(160deg,#2bc6ff,#0ea4e8);color:#001a2a;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0 12px}.workspace-content{min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.workspace-primary{min-height:0;border:1px solid #19354f;border-radius:12px;background:linear-gradient(180deg,#081b2bd1,#061623e6);padding:12px;overflow:auto}.workspace-library{display:grid;gap:12px}.workspace-library-banner{border:1px solid #2a4c66;border-radius:10px;background:#102839;color:#cfe9ff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 10px}.workspace-library-banner svg{color:#38c7ff}.workspace-library-banner p{margin:0;font-size:12px;color:#9dc0da}.workspace-library-banner strong{color:#eff8ff}.workspace-library-banner button{min-height:28px;border-radius:999px;border:1px solid #2ab9f7;background:#102b40;color:#82d5ff;font-size:11px;cursor:pointer;padding:0 10px}.workspace-library-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.workspace-library-header h3{margin:0;color:#f3fbff;font-size:26px;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.workspace-library-header p{margin:3px 0 0;color:#8faec8;font-size:11px}.workspace-library-filters{display:inline-flex;gap:6px;flex-wrap:wrap}.workspace-library-filters button{min-height:24px;border-radius:999px;border:1px solid #2c4e69;background:#0f2336;color:#9dbbd3;padding:0 10px;font-size:10px;text-transform:uppercase;cursor:pointer}.workspace-library-filters button.active{border-color:#2ab8f7;color:#7ad8ff}.workspace-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workspace-library-card{border:1px solid #284a65;border-radius:10px;background:#0c2032;text-align:left;color:#d8ecff;cursor:pointer;overflow:hidden;padding:0 0 10px}.workspace-library-card.active{border-color:#27b6f5;box-shadow:inset 0 0 0 1px #27b6f540}.workspace-library-card-top{min-height:94px;padding:10px;background:linear-gradient(160deg,#243f67,#312f5d);display:flex;align-items:flex-start;justify-content:space-between}.workspace-library-emoji{font-size:34px;line-height:1}.workspace-library-tier{border-radius:999px;border:1px solid #3270a3;background:#102739;color:#84d9ff;font-size:9px;font-weight:700;padding:2px 7px}.workspace-library-card strong{display:block;margin:9px 10px 0;color:#eef8ff;font-size:19px}.workspace-library-card p{margin:5px 10px 8px;color:#9ebad1;font-size:12px;min-height:32px}.workspace-library-meta{margin:0 10px 7px;display:flex;justify-content:space-between;color:#6f8ba4;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.workspace-tags{margin:0 10px;display:flex;gap:6px;flex-wrap:wrap}.workspace-tags span{border:1px solid #2b4f6b;border-radius:999px;background:#11283d;color:#8dd6ff;padding:2px 7px;font-size:10px;text-transform:uppercase}.workspace-wizard{display:grid;gap:12px}.workspace-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workspace-step-chip{border:1px solid #274a66;border-radius:10px;background:#102338;color:#d8ecff;text-decoration:none;padding:8px;display:grid;gap:3px}.workspace-step-chip strong{font-size:12px}.workspace-step-chip span{font-size:11px;color:#8eabc5}.workspace-quick-edit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workspace-quick-edit label{display:grid;gap:6px;color:#99b6cf;font-size:11px}.workspace-quick-edit input{border:1px solid #2b4f6b;border-radius:9px;background:#0d2134;color:#e1f0ff;padding:8px;font-size:12px}.workspace-team{display:grid;gap:10px}.workspace-team-table{border:1px solid #264763;border-radius:10px;overflow:hidden}.workspace-team-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;padding:8px 10px;border-bottom:1px solid #1a3550;font-size:12px}.workspace-team-row:last-child{border-bottom:0}.workspace-team-row.header{background:#10293e;color:#8fb5d5;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.workspace-team pre{margin:0;border:1px solid #264763;border-radius:10px;background:#0a1d2d;color:#9cc8e6;font-size:11px;line-height:1.35;padding:10px;max-height:280px;overflow:auto}.workspace-audit{display:grid;gap:8px}.workspace-audit-item{border:1px solid #274864;border-radius:10px;background:#0c2236;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-audit-item strong{font-size:13px;color:#edf8ff}.workspace-audit-item p{margin:3px 0 0;color:#8facc6;font-size:11px}.workspace-audit-item span{color:#34d39f;font-size:20px;font-weight:700}.workspace-skill{display:grid;gap:10px}.workspace-skill p{margin:0;color:#9ab6ce;font-size:12px}.workspace-skill button{justify-self:start;min-height:32px;border-radius:8px;border:1px solid #2ab8f7;background:#0f2f45;color:#9ad9ff;padding:0 12px;cursor:pointer}.workspace-skill pre{margin:0;border:1px solid #264763;border-radius:10px;background:#091c2b;color:#9ecae8;font-size:11px;line-height:1.4;padding:10px;min-height:260px;overflow:auto}.workspace-vault{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-vault article{border:1px solid #274a66;border-radius:10px;background:#10263b;padding:10px;display:grid;gap:6px}.workspace-vault header{display:inline-flex;align-items:center;gap:7px;color:#e8f5ff}.workspace-vault span{font-size:11px;color:#52c1ff}.workspace-vault p{margin:0;color:#9cb8d1;font-size:12px;line-height:1.35}.workspace-export{display:grid;gap:12px}.workspace-export-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-export-controls label{display:grid;gap:6px;color:#8eb0c9;font-size:11px}.workspace-export-controls select{min-height:34px;border-radius:8px;border:1px solid #2a4d68;background:#10263a;color:#e0f0ff;font-size:12px;padding:0 9px}.workspace-export-filelist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.workspace-export-item{border:1px solid #274964;border-radius:10px;background:#0d2235;padding:10px;display:grid;gap:6px}.workspace-export-item label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.workspace-export-item input[type=checkbox]{width:14px;height:14px}.workspace-export-item strong{color:#ebf8ff;font-size:12px}.workspace-export-item p{margin:0;color:#94b4ce;font-size:11px;min-height:34px}.workspace-export-item button{justify-self:start;min-height:26px;border-radius:7px;border:1px solid #2b516f;background:#122c42;color:#9ad7ff;font-size:11px;cursor:pointer;padding:0 10px}.workspace-export-actions{display:flex;flex-wrap:wrap;gap:8px}.workspace-export-actions button{min-height:36px;border-radius:9px;border:1px solid #2b4f6d;background:#11283e;color:#d7ebff;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;font-size:12px;padding:0 12px}.workspace-export-actions button:disabled{opacity:.65;cursor:not-allowed}.workspace-hidden-input{display:none}.workspace-message{margin:0;font-size:12px}.workspace-message.success{color:#70e2bf}.workspace-message.error{color:#ffb8b1}.workspace-preview{min-height:0;border:1px solid #19354f;border-radius:12px;background:linear-gradient(180deg,#081c2be6,#081724f0);display:grid;grid-template-rows:auto auto auto 1fr auto}.workspace-preview header{border-bottom:1px solid #1b3a57;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.workspace-preview header strong{color:#eef8ff;font-size:13px}.workspace-preview header a{color:#48c9ff;font-size:11px;text-decoration:none}.workspace-preview-badges{padding:8px 10px 0;display:flex;flex-wrap:wrap;gap:6px}.workspace-preview-badges span{border:1px solid #294c69;border-radius:999px;background:#10283d;color:#8ad7ff;padding:3px 8px;font-size:10px}.workspace-preview-actions{padding:8px 10px;display:flex;gap:6px}.workspace-preview-actions button{min-height:30px;border-radius:8px;border:1px solid #2a4f6d;background:#112b41;color:#d4ebff;font-size:12px;cursor:pointer;padding:0 10px}.workspace-preview-actions button:disabled{opacity:.6;cursor:not-allowed}.workspace-preview pre{margin:0;padding:10px;color:#9dc7e5;font-size:11px;line-height:1.35;overflow:auto;white-space:pre-wrap}.workspace-preview footer{border-top:1px solid #1b3a57;padding:10px}.workspace-preview footer button{width:100%;min-height:34px;border-radius:8px;border:1px solid #26bbf8;background:linear-gradient(160deg,#24c4ff,#0ea3e8);color:#001a2a;font-weight:700;cursor:pointer}.workspace-preview.module-library header strong,.workspace-preview.module-export header strong{letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:#86acc7}.workspace-preview.module-export pre,.workspace-preview.module-library pre{color:#93d4f2;font-family:Courier New,Consolas,monospace}.workspace-empty{padding:14px 10px;margin:0;color:#92adc5;font-size:12px}@media(max-width:1100px){.workspace-page{grid-template-columns:1fr}.workspace-left{border-right:0;border-bottom:1px solid #183046;grid-template-rows:auto auto auto}.workspace-nav,.workspace-left-footer{flex-direction:row;flex-wrap:wrap}.workspace-nav-item{min-height:34px}.workspace-content{grid-template-columns:1fr;grid-template-rows:auto auto}.workspace-preview{min-height:360px}.workspace-step-grid,.workspace-quick-edit,.workspace-vault,.workspace-export-controls,.workspace-export-filelist{grid-template-columns:1fr}.workspace-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-export-actions{grid-template-columns:1fr}}.hub-page{width:100%;height:100%;overflow:auto;background:radial-gradient(circle at 78% 6%,rgba(0,170,255,.08),transparent 30%),radial-gradient(circle at 15% 82%,rgba(0,226,147,.06),transparent 32%),linear-gradient(160deg,#061321,#071827 55%,#071522);color:#d7e8ff}.hub-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hub-icon.logo{width:18px;height:18px;stroke-width:1.9}.hub-icon.module{width:24px;height:24px;stroke-width:1.6}.hub-shell{min-height:100%;display:grid;grid-template-columns:260px minmax(0,1fr) 300px}.hub-left{border-right:1px solid #173247;background:linear-gradient(180deg,#08131f,#071621);display:grid;grid-template-rows:auto 1fr auto}.hub-brand{display:flex;align-items:center;gap:12px;padding:22px 16px 18px;border-bottom:1px solid #173247}.hub-brand-logo{width:40px;height:40px;border-radius:10px;border:1px solid #2a536d;background:linear-gradient(160deg,#1bb9ff,#0b92cf);color:#041724;display:inline-flex;align-items:center;justify-content:center}.hub-brand h1{margin:0;color:#f2fbff;font-size:32px;letter-spacing:.04em;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.hub-brand p{margin:3px 0 0;font-size:12px;color:#8aa9c3}.hub-nav{padding:14px 12px;display:flex;flex-direction:column;gap:8px}.hub-nav-item{border:1px solid transparent;border-radius:10px;min-height:44px;width:100%;background:transparent;color:#b0c5d8;display:inline-flex;align-items:center;gap:10px;padding:0 12px;font-size:16px;text-decoration:none;cursor:pointer}.hub-nav-item:hover{border-color:#1f4258;color:#d9ebff}.hub-nav-item.active{border-color:#0f5f84;background:linear-gradient(90deg,#0bf3,#00bbff14);color:#8ee3ff}.hub-user{border-top:1px solid #173247;padding:12px 16px;display:flex;align-items:center;gap:10px}.hub-user-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(170deg,#5ca8ea,#2e5b91);border:1px solid #6db3f0;color:#edf7ff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.hub-user strong{display:block;color:#e8f6ff;font-size:13px}.hub-user span{display:block;margin-top:2px;color:#87a6bf;font-size:11px}.hub-main{border-right:1px solid #173247;padding:20px;display:grid;grid-template-rows:auto auto auto 1fr;gap:18px}.hub-topbar{display:grid;grid-template-columns:auto 1px auto 1fr auto auto;align-items:center;gap:10px}.hub-topbar h2{margin:0;font-size:46px;color:#f3fbff;font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.02em}.hub-topbar-divider{height:24px;background:#24445d;border-radius:999px}.hub-status-pill{border:1px solid #1d6153;border-radius:10px;background:#0c4037b3;color:#63f2c6;min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:700;letter-spacing:.08em}.hub-status-dot{width:6px;height:6px;border-radius:999px;background:#42dbad;box-shadow:0 0 8px #42dbadcc}.hub-search{min-height:38px;border-radius:10px;border:1px solid #1d3653;background:#07192b;display:inline-flex;align-items:center;gap:8px;padding:0 10px}.hub-search .hub-icon{color:#6e8ba8}.hub-search input{width:100%;border:0;outline:0;background:transparent;color:#d9edff;font-size:13px;font-family:IBM Plex Sans,Trebuchet MS,sans-serif}.hub-search input::placeholder{color:#6f8ba4}.hub-icon-btn{min-height:38px;min-width:38px;border-radius:10px;border:1px solid #1e3855;background:#081a2a;color:#9fb8d0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hub-new-persona{min-height:38px;border-radius:10px;border:1px solid #2cb6f4;background:linear-gradient(160deg,#2cc5ff,#0ea4e8);color:#001722;text-decoration:none;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px}.hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-stat-card{border:1px solid #17385c;border-radius:14px;background:linear-gradient(180deg,#0a1c2ecc,#061624d1);min-height:108px;padding:14px;display:grid;grid-template-rows:auto 1fr auto}.hub-stat-card p{margin:0;font-size:11px;letter-spacing:.11em;color:#7d9ab2}.hub-stat-card strong{margin-top:6px;font-size:50px;line-height:1;color:#f0f9ff;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.hub-stat-card span{font-size:36px;color:#38d6a8;font-weight:600}.hub-modules{border-radius:16px}.hub-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.hub-section-head h3{margin:0;font-size:58px;color:#eff9ff;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.hub-section-head p{margin:4px 0 0;color:#89a6bf;font-size:34px}.hub-view-toggle{display:inline-flex;gap:8px}.hub-view-toggle button{min-width:38px;min-height:38px;border-radius:8px;border:1px solid #22415e;background:#0a1d2e;color:#95b1c8;display:inline-flex;align-items:center;justify-content:center}.hub-module-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hub-module-card{border:1px solid #1d3e5f;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#081b2bf5,#071422f5);box-shadow:0 8px 24px #0000004d}.hub-module-top{height:128px;display:flex;align-items:center;justify-content:center}.hub-module-icon{width:52px;height:52px;border-radius:12px;border:1px solid rgba(190,221,255,.3);background:#0713217a;color:#d0e8ff;display:inline-flex;align-items:center;justify-content:center}.tone-library{background:linear-gradient(160deg,#1c4d7e,#1b3658)}.tone-wizard{background:linear-gradient(160deg,#3f4c8b,#253764)}.tone-team{background:linear-gradient(160deg,#214f60,#193547)}.tone-audit{background:linear-gradient(160deg,#5f5545,#2f3441)}.tone-security{background:linear-gradient(160deg,#5b3f5f,#343153)}.tone-skill{background:linear-gradient(160deg,#22607f,#203d5a)}.tone-vault{background:linear-gradient(160deg,#4a4584,#2e335f)}.tone-export{background:linear-gradient(160deg,#2f6a89,#27476c)}.hub-module-body{padding:14px}.hub-module-body h4{margin:0;font-size:43px;color:#eef8ff}.hub-module-body p{margin:7px 0 12px;color:#8aabc4;font-size:29px;line-height:1.3;min-height:52px}.hub-module-link{min-height:32px;border-radius:8px;border:1px solid #31547a;background:#182f49;color:#d9ecff;font-size:28px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;padding:0 10px}.hub-module-link:hover{border-color:#59a8e6;color:#f4fbff}.hub-logs{border:1px solid #1d3954;border-radius:14px;background:linear-gradient(180deg,#0b1f34,#08192b);overflow:hidden}.hub-logs header{padding:10px 12px;border-bottom:1px solid #17344d;display:flex;justify-content:space-between;color:#b6cde0;font-size:11px;letter-spacing:.08em}.hub-logs header strong{color:#eff8ff;font-size:12px;letter-spacing:.04em}.hub-logs div{padding:12px}.hub-logs p{margin:0 0 8px;color:#35cdf8;font-size:12px;font-family:Courier New,Consolas,monospace}.hub-logs p:last-child{margin-bottom:0}.hub-right{padding:22px 16px;display:grid;grid-template-rows:auto auto auto;gap:18px;background:linear-gradient(180deg,#081724,#081521)}.hub-right h3{margin:0 0 10px;font-size:11px;letter-spacing:.13em;color:#84a2bb}.hub-health-row{margin-bottom:14px}.hub-health-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hub-health-row p{margin:0;color:#dceeff;font-size:13px}.hub-health-row span{font-size:13px;color:#f2fbff;font-weight:600}.hub-health-bar{width:100%;height:4px;background:#18324a;border-radius:999px;overflow:hidden}.hub-health-bar i{display:block;height:100%;background:linear-gradient(90deg,#20bff8,#31dca8)}.hub-recent-item{display:flex;align-items:center;gap:10px;border:1px solid #1d3d5a;border-radius:10px;background:#0a1d2c;text-decoration:none;margin-bottom:10px;padding:10px}.hub-recent-icon{width:28px;height:28px;border-radius:7px;border:1px solid #245378;color:#46c5ff;display:inline-flex;align-items:center;justify-content:center;background:#102737}.hub-recent-copy{display:grid;gap:2px}.hub-recent-copy strong{display:block;color:#dff1ff;font-size:14px}.hub-recent-copy span{display:block;color:#85a5bf;font-size:12px}.hub-see-all{display:inline-block;margin-top:4px;color:#3bc9ff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.06em}.hub-tips{border:1px solid #1f4260;border-radius:12px;background:#0a2234;padding:12px}.hub-tips h3{margin:0;font-size:14px;letter-spacing:0;color:#f0f9ff}.hub-tips p{margin:8px 0 0;color:#90afc8;font-size:13px;line-height:1.4}@media(max-width:1400px){.hub-shell{grid-template-columns:240px minmax(0,1fr) 280px}.hub-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1120px){.hub-shell{grid-template-columns:220px minmax(0,1fr)}.hub-right{grid-column:1 / -1;border-top:1px solid #173247;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}.hub-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-topbar{grid-template-columns:1fr auto;grid-template-areas:"title title" "status action" "search search" "icon icon"}.hub-topbar h2{grid-area:title}.hub-topbar-divider{display:none}.hub-status-pill{grid-area:status}.hub-search{grid-area:search}.hub-icon-btn{grid-area:icon;justify-self:start}.hub-new-persona{grid-area:action}.hub-section-head h3{font-size:44px}.hub-section-head p{font-size:24px}.hub-module-body h4{font-size:30px}.hub-module-body p,.hub-module-link{font-size:20px}}@media(max-width:860px){.hub-shell{grid-template-columns:1fr}.hub-left{border-right:0;border-bottom:1px solid #173247;grid-template-rows:auto auto auto}.hub-nav{flex-direction:row;flex-wrap:wrap}.hub-nav-item{width:auto;min-height:36px;padding:0 10px;font-size:12px}.hub-main{border-right:0;padding:12px}.hub-topbar h2{font-size:32px}.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-stat-card strong{font-size:36px}.hub-stat-card span{font-size:24px}.hub-section-head h3{font-size:34px}.hub-section-head p{font-size:18px}.hub-module-grid{grid-template-columns:1fr}.hub-module-body h4{font-size:26px}.hub-module-body p{font-size:17px}.hub-module-link{font-size:16px}.hub-right{grid-template-columns:1fr;border-top:1px solid #173247;padding:12px}}