#development-center-view { --dc-glow:color-mix(in srgb,var(--accent) 14%,transparent); padding-bottom:3rem; }
#development-center-view .dc-hero { display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:1.4rem 0 1.8rem; }
#development-center-view h1 { font-size:clamp(1.65rem,3.8vw,2.8rem);letter-spacing:-.045em;margin:.3rem 0;line-height:1.12; }
#development-center-view .dc-hero p { max-width:65ch; }
#development-center-view .dc-hero-mark { font-size:4rem;line-height:1; color:var(--accent);padding:1.2rem;border:1px solid var(--border);border-radius:25%;background:var(--dc-glow); }
#development-center-view .dc-actions { display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:1rem 0; }
#development-center-view .dc-actions :is(button,.button),#development-center-view summary { min-height:44px; }
#development-center-view .dc-import { position:relative;overflow:hidden;cursor:pointer; }
#development-center-view .dc-import input { position:absolute;inset:0;opacity:0;width:100%;cursor:pointer; }
#development-center-view .dc-notification { display:flex;gap:.5rem;align-items:center;font-size:.85rem;margin-left:auto;min-height:44px; }
#development-center-view .dc-notification input { width:auto; }
#development-center-view .dc-scope { color:var(--muted);font-size:.85rem;line-height:1.6; }
#development-center-view .dc-summary { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin:1.5rem 0;background:var(--surface); }
#development-center-view .dc-summary>div { display:flex;flex-direction:column;gap:.3rem;padding:1.25rem;border-right:1px solid var(--border); }
#development-center-view .dc-summary strong { font-size:2rem;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums; }
#development-center-view .dc-summary span { color:var(--muted);font-size:.8rem; }
#development-center-view .dc-section { margin:2rem 0;min-width:0; }
#development-center-view .dc-section h2 { margin:.3rem 0 1rem; }
#development-center-view .dc-agent-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem; }
#development-center-view .dc-agent { border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:18px;padding:1.25rem;min-width:0;transition:border-color .2s,box-shadow .2s; }
#development-center-view .dc-agent:hover { border-color:var(--accent);box-shadow:0 8px 28px var(--dc-glow); }
#development-center-view .dc-agent-heading { display:flex;align-items:center;gap:.6rem;flex-wrap:wrap; }
#development-center-view .dc-agent-heading h3 { margin:0;font-size:.9rem;letter-spacing:.045em; }
#development-center-view .dc-signal { width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none; }
#development-center-view [data-dc-status="WORKING"] .dc-signal,#development-center-view [data-dc-status="TESTING"] .dc-signal,#development-center-view [data-dc-status="DEPLOYING"] .dc-signal { background:var(--accent);box-shadow:0 0 0 5px var(--dc-glow);animation:dc-pulse 2.8s ease-in-out infinite; }
#development-center-view .dc-status { font-size:.65rem;letter-spacing:.06em;color:var(--muted);margin-left:auto; }
#development-center-view .dc-task { font-size:1rem;line-height:1.5;min-height:3em; }
#development-center-view .dc-source { font-size:.75rem;color:var(--muted); }
#development-center-view .dc-facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0; }
#development-center-view dt { font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em; }
#development-center-view dd { margin:.25rem 0 0;font-size:.85rem;overflow-wrap:anywhere; }
#development-center-view details { border-top:1px solid var(--border);padding:.4rem 0; }
#development-center-view summary { display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem; }
#development-center-view summary::before { content:'+';color:var(--accent);font-size:1.2rem; }
#development-center-view details[open]>summary::before { content:'−'; }
#development-center-view details[open]>:not(summary) { animation:dc-expand .2s ease-out; }
#development-center-view .dc-files { max-height:180px;overflow:auto;font-family:monospace;font-size:.75rem; }
#development-center-view :is(li,p,small) { overflow-wrap:anywhere; }
#development-center-view .dc-pipeline { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface); }
#development-center-view .dc-stage { padding:.8rem;border:0;border-right:1px solid var(--border); }
#development-center-view .dc-stage summary { flex-direction:column;align-items:flex-start;gap:.65rem; }
#development-center-view .dc-stage summary::before { display:none; }
#development-center-view .dc-stage-number { font-size:.75rem;color:var(--accent); }
#development-center-view .dc-stage strong { font-weight:500; }
#development-center-view .dc-stage small { display:block;color:var(--muted);margin:.5rem 0; }
#development-center-view .dc-bottom-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
#development-center-view .dc-bottom-grid>.panel { margin:0;padding:1.35rem; }
#development-center-view .dc-blocker,#development-center-view .dc-conflict { border-left:3px solid var(--accent);padding:.7rem;background:var(--dc-glow); }
#development-center-view .dc-notice:not(:empty) { border:1px solid var(--accent);border-radius:10px;padding:1rem;margin-top:1rem; }
#development-center-view .dc-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
#development-center-view .dc-wide { grid-column:1/-1; }
#development-center-view .dc-editor,#development-center-view .dc-import-review { padding:1.4rem; }
#development-center-view label:has(:is(input,textarea,select)) { min-width:0; }
#development-center-view .dc-editor :is(input,textarea,select) { width:100%;min-height:44px; }
#development-center-view .dc-advice { padding-left:1.2rem;line-height:1.7; }
@keyframes dc-pulse { 50% { opacity:.45; } }
@keyframes dc-expand { from { opacity:0;transform:translateY(-3px); } to { opacity:1;transform:none; } }
@media(max-width:1000px) { #development-center-view .dc-pipeline { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) { #development-center-view .dc-bottom-grid,#development-center-view .dc-form-grid { grid-template-columns:1fr; } #development-center-view .dc-pipeline { grid-template-columns:repeat(2,minmax(0,1fr)); } #development-center-view .dc-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } #development-center-view .dc-hero-mark { display:none; } #development-center-view .dc-notification { margin-left:0; } #development-center-view .dc-facts { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { #development-center-view *,#development-center-view *::before { animation:none!important;transition:none!important; } }
:root[data-animations="off"] #development-center-view * { animation:none!important;transition:none!important; }