@import url("factory-demo.css");
.studio-page { --studio:#dce5ef; --signal:#dce5ef; }
.workspace-nav { display:flex; gap:4px; margin:22px 0 38px; padding-bottom:10px; border-bottom:1px solid var(--line); overflow:auto; }
.workspace-nav a { flex:none; padding:7px 10px; border-radius:4px; color:#788596; font-size:.62rem; }
.workspace-nav a:hover { color:var(--text); background:var(--surface); }
.workspace-nav a.active { color:var(--studio); background:rgba(220,229,239,.09); }
.signal-activity { margin-top:46px; }
.campaign-row { display:grid; grid-template-columns:34px 1fr auto auto; gap:11px; align-items:center; padding:12px 0; border-top:1px solid var(--line); }
.campaign-mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid #384452; border-radius:4px; color:#9eabb8; font-size:.52rem; }
.campaign-mark.neon { border-color:rgba(216,242,107,.35); color:var(--acid); }
.campaign-mark.atlas { border-color:rgba(115,211,255,.35); color:var(--blue); }
.campaign-row b,.campaign-row small { display:block; }.campaign-row b { font-size:.65rem; }.campaign-row small { margin-top:3px; color:var(--muted); font-size:.55rem; }.campaign-row > strong { color:#929eab; font-size:.58rem; }
.next-panel { display:flex; flex-direction:column; }.next-post { padding:12px 0; border-top:1px solid var(--line); }.next-post time,.next-post b,.next-post small { display:block; }.next-post time { color:#748190; font-size:.52rem; }.next-post b { margin-top:5px; font-size:.67rem; }.next-post small { margin-top:4px; color:var(--muted); font-size:.55rem; }.next-panel > a { margin-top:auto; color:var(--blue); font-size:.61rem; }
.studio-heading { align-items:center; }
.studio-focus { border-color:rgba(220,229,239,.34); background:linear-gradient(145deg,rgba(43,52,62,.7),rgba(16,20,26,.95)); }
.studio-focus .card-top,.studio-focus a { color:#dce5ef; }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.game-card { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,rgba(21,27,35,.97),rgba(14,18,24,.97)); }
.game-cover { position:relative; display:flex; align-items:end; min-height:150px; padding:18px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 74% 28%,rgba(216,242,107,.16),transparent 22%),linear-gradient(135deg,#1c2822,#12171d 64%); }
.game-card.atlas .game-cover { background:radial-gradient(circle at 70% 25%,rgba(115,211,255,.17),transparent 22%),linear-gradient(135deg,#17242d,#12171d 64%); }
.game-code { position:absolute; right:18px; top:16px; color:rgba(216,242,107,.55); font-family:Georgia,serif; font-size:2rem; }.atlas .game-code { color:rgba(115,211,255,.55); }
.game-cover h3,.game-cover p { margin:0; }.game-cover h3 { font-size:1.25rem; }.game-cover p { margin-top:4px; color:#8794a2; font-size:.63rem; }
.game-body { padding:18px; }.game-status-row { display:flex; justify-content:space-between; gap:15px; align-items:center; }.game-status-row > span:last-child { color:#7b8898; font-size:.59rem; }
.game-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin:17px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.game-metrics div { padding:13px 8px; border-right:1px solid var(--line); }.game-metrics div:first-child { padding-left:0; }.game-metrics div:last-child { border:0; }.game-metrics b,.game-metrics small { display:block; }.game-metrics b { font-size:.94rem; }.game-metrics small { margin-top:4px; color:#748191; font-size:.54rem; }
.game-body footer { display:flex; justify-content:space-between; align-items:center; color:#748191; font-size:.59rem; }.game-body footer a { color:var(--acid); }.atlas .game-body footer a { color:var(--blue); }
.portfolio-lower { display:grid; grid-template-columns:1.25fr .85fr; gap:12px; margin-top:46px; }
.run-table,.result-table,.issue-table { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--surface); }
.run-row { display:grid; grid-template-columns:1.2fr .75fr .7fr .65fr 52px; gap:12px; align-items:center; min-height:58px; padding:0 15px; border-bottom:1px solid var(--line); }.run-row:last-child { border:0; }.run-row.header { min-height:36px; color:#6f7c8b; font-size:.53rem; font-weight:700; letter-spacing:.08em; }.run-row b,.run-row small { display:block; }.run-row b { font-size:.68rem; }.run-row small { margin-top:3px; color:var(--muted); font-size:.57rem; }.run-row > span,.run-row > time { color:#8996a4; font-size:.6rem; }
.production-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.board-column { min-height:410px; padding:14px; border:1px solid var(--line); border-radius:7px; background:#0f141a; }.board-column > header { display:flex; justify-content:space-between; padding:2px 2px 12px; color:#8996a5; font-size:.62rem; }.board-column > header span { color:#627080; }.work-card { margin-bottom:9px; padding:12px; border:1px solid #2b3440; border-radius:5px; background:#151b22; }.work-card b,.work-card small { display:block; }.work-card b { font-size:.66rem; line-height:1.4; }.work-card small { margin-top:6px; color:#758292; font-size:.55rem; }.work-card footer { display:flex; justify-content:space-between; margin-top:10px; color:#687585; font-size:.53rem; }.work-card .agent-mini { color:var(--blue); }
.reuse-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:12px; }.reuse-card { padding:17px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.reuse-card header { display:flex; justify-content:space-between; gap:12px; }.reuse-card h3,.reuse-card header p { margin:0; }.reuse-card h3 { font-size:.83rem; }.reuse-card header p { margin-top:4px; color:var(--muted); font-size:.58rem; }.reuse-card > p { margin:16px 0; color:#929eab; font-size:.66rem; line-height:1.5; }.reuse-links { display:flex; gap:6px; flex-wrap:wrap; }.reuse-links span { padding:4px 7px; border:1px solid #303946; border-radius:10px; color:#82909f; font-size:.54rem; }.reuse-card footer { display:flex; justify-content:space-between; margin-top:15px; color:#6e7b8a; font-size:.56rem; }.reuse-card footer a { color:var(--blue); }
.cow-panel h2 { margin:0; font-size:1.02rem; }.cow-flow { margin-top:15px; }.cow-step { position:relative; padding:11px 0 11px 29px; border-top:1px solid var(--line); }.cow-step::before { content:attr(data-step); position:absolute; left:0; top:11px; display:grid; place-items:center; width:18px; height:18px; border:1px solid #3a4552; border-radius:50%; color:#82909f; font-size:.51rem; }.cow-step b,.cow-step small { display:block; }.cow-step b { font-size:.65rem; }.cow-step small { margin-top:3px; color:var(--muted); font-size:.56rem; }
.project-switcher { display:flex; align-items:center; gap:10px; margin-bottom:18px; }.project-switcher > a { color:#778494; font-size:.64rem; }.project-badge { display:flex; align-items:center; gap:8px; padding:5px 8px; border:1px solid var(--line); border-radius:4px; background:var(--surface); }.project-badge i { display:grid; place-items:center; width:22px; height:22px; border:1px solid rgba(216,242,107,.4); color:var(--acid); font-style:normal; font-size:.52rem; }.project-badge b,.project-badge small { display:block; }.project-badge b { font-size:.64rem; }.project-badge small { color:#748191; font-size:.51rem; }
.project-nav { display:flex; gap:3px; margin:22px 0 0; padding-bottom:11px; border-bottom:1px solid var(--line); overflow:auto; }.project-nav a { flex:none; padding:7px 9px; border-radius:4px; color:#788596; font-size:.61rem; }.project-nav a:hover { color:var(--text); background:var(--surface); }.project-nav a.active { color:var(--acid); background:rgba(216,242,107,.09); }
.project-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:46px; }.project-summary .summary-card { min-height:175px; }
.playable-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.playable-card { padding:19px; border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,rgba(21,27,35,.96),rgba(14,18,24,.96)); }.playable-card header { display:flex; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line); }.playable-card h3,.playable-card header p { margin:0; }.playable-card h3 { font-size:.92rem; }.playable-card header p { margin-top:3px; color:#778494; font-size:.57rem; }.playable-version { margin:18px 0 5px; font-size:1.55rem; }.playable-card > p { color:var(--muted); font-size:.65rem; }.playable-meta { display:flex; gap:18px; margin-top:16px; padding-top:13px; border-top:1px solid var(--line); color:#748191; font-size:.56rem; }.playable-meta b { color:#b7c1cb; }
.block-status-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.block-status { padding:13px; border:1px solid var(--line); border-radius:5px; background:var(--surface); }.block-status header { display:flex; justify-content:space-between; gap:8px; }.block-status h3 { margin:0; font-size:.68rem; }.block-status header span { color:#758292; font-size:.54rem; }.block-status p { min-height:30px; margin:10px 0; color:var(--muted); font-size:.57rem; line-height:1.4; }.mini-progress { height:3px; border-radius:2px; background:#252d37; }.mini-progress i { display:block; height:100%; border-radius:2px; background:var(--acid); }.block-status footer { display:flex; justify-content:space-between; margin-top:8px; color:#6e7b8a; font-size:.52rem; }
.result-row { display:grid; grid-template-columns:1.3fr .75fr .65fr .75fr .55fr; gap:12px; align-items:center; min-height:59px; padding:0 15px; border-bottom:1px solid var(--line); }.result-row:last-child { border:0; }.result-row.header { min-height:36px; color:#6f7c8b; font-size:.53rem; font-weight:700; letter-spacing:.08em; }.result-row b,.result-row small { display:block; }.result-row b { font-size:.66rem; }.result-row small { margin-top:3px; color:var(--muted); font-size:.55rem; }.result-row > span,.result-row > time { color:#8996a4; font-size:.58rem; }.origin-link { color:var(--blue)!important; }
.quality-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.quality-card { padding:19px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.quality-card header { display:flex; justify-content:space-between; }.quality-card h3 { margin:0; font-size:.86rem; }.quality-score { display:flex; align-items:baseline; gap:8px; margin:18px 0; }.quality-score strong { color:var(--acid); font-size:2.1rem; }.quality-score span { color:#788596; font-size:.58rem; }.check-row { display:flex; justify-content:space-between; padding:9px 0; border-top:1px solid var(--line); font-size:.61rem; }.check-row span { color:#7f8c9b; }.check-row b { color:#b8c3ce; font-weight:500; }
.launch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.launch-card { padding:18px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.launch-card h3 { margin:0; font-size:.82rem; }.launch-card > p { min-height:40px; color:var(--muted); font-size:.62rem; line-height:1.45; }.launch-card strong { display:block; margin-top:17px; font-size:1.45rem; }.launch-card footer { margin-top:13px; padding-top:12px; border-top:1px solid var(--line); color:#778493; font-size:.56rem; }.launch-card footer a { color:var(--violet); }
.dependency-map { display:grid; grid-template-columns:1fr 80px 1.2fr 80px 1fr; align-items:center; gap:9px; padding:25px; border:1px solid var(--line); border-radius:7px; background:#0f141a; }.dependency-node { padding:15px; border:1px solid #34404c; border-radius:6px; text-align:center; background:var(--surface); }.dependency-node.main { border-color:rgba(216,242,107,.38); }.dependency-node b,.dependency-node small { display:block; }.dependency-node b { font-size:.71rem; }.dependency-node small { margin-top:5px; color:#778493; font-size:.56rem; }.dependency-edge { color:#667383; text-align:center; font-size:.57rem; }.dependency-edge span { display:block; margin-top:3px; }
.settings-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.settings-card { padding:19px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.settings-card h2 { margin:0 0 15px; font-size:.9rem; }.setting-row { display:grid; grid-template-columns:1fr 1.4fr; gap:15px; padding:10px 0; border-top:1px solid var(--line); }.setting-row span { color:#788596; font-size:.59rem; }.setting-row b { font-size:.62rem; font-weight:500; }
@media(max-width:1050px){.portfolio-grid,.portfolio-lower,.reuse-grid,.playable-grid,.quality-grid{grid-template-columns:1fr}.production-board{grid-template-columns:1fr}.project-summary,.block-status-grid{grid-template-columns:repeat(2,1fr)}.launch-grid{grid-template-columns:1fr}.dependency-map{grid-template-columns:1fr}.dependency-edge{transform:rotate(90deg);padding:10px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:720px){.project-summary,.block-status-grid{grid-template-columns:1fr}.game-metrics{grid-template-columns:repeat(2,1fr)}.game-metrics div:nth-child(2){border-right:0}.run-table,.result-table,.issue-table{overflow:auto}.run-row{min-width:660px}.result-row{min-width:680px}.project-nav{margin-top:18px}.project-switcher{align-items:flex-start;flex-direction:column}.playable-meta{flex-direction:column;gap:6px}}