/* R13.4.3 · Research space studio
   A research space should read as an inhabited workspace, not a stack of cards. */
.space-studio-main{width:min(1380px,calc(100% - 96px));padding-top:34px;padding-bottom:96px}
.space-studio-main .space-breadcrumb{margin:0 0 18px;padding:0 4px}
.space-studio-hero{position:relative;min-height:430px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);align-items:stretch;gap:26px;padding:26px;border:1px solid rgba(24,31,52,.08);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,255,.95));box-shadow:0 26px 80px rgba(35,43,76,.09);overflow:hidden;isolation:isolate}
.space-studio-hero:before{content:"";position:absolute;inset:-35% 42% 40% -12%;z-index:-1;background:radial-gradient(circle,rgba(98,111,244,.12),transparent 68%);pointer-events:none}
.space-studio-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:38px 18px 36px 24px}
.space-studio-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.space-live{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border:1px solid rgba(36,152,95,.13);border-radius:999px;background:rgba(235,249,242,.88);color:#257d55;font-size:10px;font-weight:760}
.space-live i{width:7px;height:7px;border-radius:50%;background:#2fba75;box-shadow:0 0 0 5px rgba(47,186,117,.1)}
.space-studio-copy h1{max-width:760px;margin:23px 0 0;color:#141721;font-size:clamp(46px,5vw,76px);line-height:.99;letter-spacing:-.075em;text-wrap:balance}
.space-studio-copy>p{max-width:690px;margin:23px 0 0;color:#6e7584;font-size:15px;line-height:1.9;text-wrap:pretty}
.space-studio-copy .space-hero-tags{margin-top:20px}
.space-studio-copy .space-hero-tags span{min-height:28px;padding:0 11px;border:1px solid rgba(76,91,181,.08);background:rgba(245,246,250,.9);font-size:10px}
.space-studio-copy .space-hero-actions{display:flex;align-items:center;gap:11px;margin-top:30px}
.space-studio-copy .space-hero-actions .button{min-height:44px;padding-inline:18px}
.space-constellation{position:relative;min-height:378px;border:1px solid rgba(130,141,194,.16);border-radius:27px;background:radial-gradient(circle at 50% 49%,rgba(115,127,241,.18),transparent 26%),linear-gradient(148deg,#151b38 0%,#1c234a 50%,#11172f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 55px rgba(27,34,73,.2);overflow:hidden;isolation:isolate}
.space-constellation:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 14% 14%,rgba(131,149,255,.18),transparent 24%),radial-gradient(circle at 88% 86%,rgba(136,104,255,.16),transparent 28%)}
.space-constellation__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}
.space-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(148,163,255,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(12deg)}
.space-orbit--one{width:290px;height:126px}
.space-orbit--two{width:385px;height:174px;transform:translate(-50%,-50%) rotate(-23deg);opacity:.75}
.space-orbit--three{width:480px;height:216px;transform:translate(-50%,-50%) rotate(34deg);opacity:.42}
.space-hub{position:absolute;left:50%;top:50%;width:176px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 18px;border:1px solid rgba(185,194,255,.38);border-radius:29px;background:linear-gradient(145deg,rgba(112,128,255,.9),rgba(83,74,198,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 10px rgba(116,131,255,.07),0 20px 48px rgba(28,34,101,.42);color:#fff;text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(14px)}
.space-hub>span{font-size:8px;font-weight:820;letter-spacing:.17em;color:#dbe0ff}
.space-hub>b{display:-webkit-box;max-width:100%;margin-top:10px;overflow:hidden;font-size:15px;line-height:1.35;letter-spacing:-.025em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.space-hub>small{display:flex;align-items:center;gap:6px;margin-top:12px;color:#d5dbff;font-size:8px;font-weight:720;letter-spacing:.12em}
.space-hub>small i{width:6px;height:6px;border-radius:50%;background:#66e3a0;box-shadow:0 0 10px rgba(102,227,160,.9)}
.space-node{position:absolute;min-width:136px;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(172,183,255,.18);border-radius:16px;background:rgba(24,31,68,.72);box-shadow:0 12px 35px rgba(5,8,24,.24);color:#fff;backdrop-filter:blur(12px)}
.space-node>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(132,146,255,.14);color:#cfd5ff}
.space-node>span svg{width:16px;height:16px}
.space-node b{display:block;font-size:16px;line-height:1}
.space-node small{display:block;margin-top:5px;color:#aeb7da;font-size:9px;white-space:nowrap}
.space-node--resource{left:28px;top:36px}
.space-node--search{right:26px;top:72px}
.space-node--run{left:40px;bottom:42px}
.space-node--artifact{right:34px;bottom:35px}
.space-dock{position:relative;margin-top:22px;padding:25px;border:1px solid rgba(28,34,54,.075);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 18px 54px rgba(28,34,54,.06);backdrop-filter:blur(16px)}
.space-dock__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px;padding:0 2px}
.space-dock__head h2{margin:8px 0 0;font-size:27px;letter-spacing:-.055em}
.space-dock__head p{max-width:520px;margin:0;color:#7a818f;font-size:12px;line-height:1.7;text-align:right}
.space-dock__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.space-dock-tool{min-width:0;min-height:124px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 15px;border:1px solid rgba(29,36,56,.075);border-radius:20px;background:linear-gradient(150deg,#fff,#fafbff);color:#20242e;text-align:left;box-shadow:0 10px 28px rgba(26,32,53,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.space-dock-tool:hover{transform:translateY(-2px);border-color:rgba(89,105,232,.22);box-shadow:0 17px 38px rgba(26,32,53,.075)}
.space-dock-tool__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#edf0ff,#f7f6ff);color:#5668ee}
.space-dock-tool__icon svg{width:19px;height:19px}
.space-dock-tool__copy{min-width:0;display:block}
.space-dock-tool__copy small{display:block;overflow:hidden;color:#9aa0ae;font-size:8px;font-weight:780;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}
.space-dock-tool__copy b{display:block;margin-top:7px;overflow:hidden;font-size:14px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
.space-dock-tool__copy em{display:-webkit-box;margin-top:6px;overflow:hidden;color:#7b8290;font-size:10px;font-style:normal;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.space-dock-tool__arrow{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#f3f5fb;color:#5b68d4}
.space-dock-tool__arrow svg{width:13px;height:13px}
.space-presence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.space-presence article{min-height:96px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:17px 18px;border:1px solid rgba(28,34,54,.07);border-radius:20px;background:rgba(255,255,255,.76)}
.space-presence article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#f2f4ff;color:#5f6feb}
.space-presence article>span svg{width:17px;height:17px}
.space-presence small{display:block;color:#9a9faa;font-size:9px;font-weight:720}
.space-presence b{display:block;margin-top:4px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.space-presence em{display:block;margin-top:5px;overflow:hidden;color:#858b97;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.space-workspace{margin-top:54px}
.space-workspace__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px;padding:0 4px}
.space-workspace__head h2{margin:8px 0 0;font-size:32px;letter-spacing:-.06em}
.space-workspace__head p{margin:9px 0 0;color:#7a818f;font-size:13px}
.space-workspace__head>a{display:inline-flex;align-items:center;gap:7px;color:#4e62df;font-size:12px;font-weight:720}
.space-workspace__head>a svg{width:14px;height:14px}
.space-workspace-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px}
.space-workspace-grid .space-panel{margin:0;border-radius:25px;box-shadow:0 16px 48px rgba(27,33,51,.055)}
.space-workspace-grid .space-panel--materials{grid-row:span 2}
.space-workspace-grid .space-panel--artifacts{grid-column:2}
.space-workspace-grid .space-panel>header{min-height:94px;padding:20px 23px}
.space-workspace-grid .space-panel>header h2{font-size:18px}
.space-workspace-grid .space-list-row{min-height:72px;padding-inline:22px}
.space-workspace-grid .space-panel-empty{min-height:190px;display:grid;place-items:center;padding:36px 28px}
@media(max-width:1180px){.space-studio-hero{grid-template-columns:1fr;min-height:auto}.space-constellation{min-height:360px}.space-dock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.space-presence{grid-template-columns:1fr}.space-workspace-grid{grid-template-columns:1fr}.space-workspace-grid .space-panel--materials,.space-workspace-grid .space-panel--artifacts{grid-row:auto;grid-column:auto}}
@media(max-width:820px){.space-studio-main{width:calc(100% - 32px);padding-top:24px}.space-studio-hero{padding:16px;border-radius:26px}.space-studio-copy{padding:24px 10px 18px}.space-studio-copy h1{font-size:clamp(40px,12vw,58px)}.space-studio-copy>p{font-size:13px}.space-constellation{min-height:330px}.space-node{min-width:116px;padding:9px}.space-node--resource{left:14px;top:20px}.space-node--search{right:14px;top:48px}.space-node--run{left:18px;bottom:24px}.space-node--artifact{right:16px;bottom:22px}.space-hub{width:150px;min-height:118px}.space-orbit--three{width:390px}.space-dock{padding:20px 16px}.space-dock__head,.space-workspace__head{align-items:flex-start;flex-direction:column}.space-dock__head p{text-align:left}.space-presence{margin-top:14px}.space-workspace{margin-top:42px}}
@media(max-width:620px){.space-studio-copy .space-hero-actions{align-items:stretch;flex-direction:column}.space-studio-copy .space-hero-actions .button{justify-content:center}.space-constellation{min-height:390px}.space-orbit--one{width:220px;height:120px}.space-orbit--two{width:295px;height:160px}.space-orbit--three{width:350px;height:200px}.space-hub{top:50%;width:142px}.space-node{min-width:108px}.space-node b{font-size:14px}.space-node small{font-size:8px}.space-node--resource{left:10px;top:18px}.space-node--search{right:10px;top:72px}.space-node--run{left:10px;bottom:62px}.space-node--artifact{right:10px;bottom:18px}.space-dock__grid{grid-template-columns:1fr}.space-dock-tool{min-height:108px}.space-workspace__head h2{font-size:28px}}