:root{--bg: #0d1117;--bg-soft: #11161d;--card: #161c26;--card-hover: #1a212e;--line: #232c3d;--line-soft: #1c2432;--text: #e6edf6;--text-2: #b8c4d4;--muted: #7d8ba1;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--accent-text: #7fb0ff;--ok: #34d399;--ok-bg: rgba(52, 211, 153, .1);--fail: #f87171;--fail-bg: rgba(248, 113, 113, .1);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .1);--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(0, 0, 0, .25);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6}#app{display:flex;min-height:100vh}#sidebar{width:64px;flex:none;display:flex;flex-direction:column;background:var(--bg-soft);border-right:1px solid var(--line-soft);position:sticky;top:0;height:100vh;transition:width .2s cubic-bezier(.4,0,.2,1);z-index:10}#sidebar.open{width:224px}#sidebar .brand{display:flex;align-items:center;gap:12px;padding:18px 0;justify-content:center;border:none;border-bottom:1px solid var(--line-soft);background:transparent;color:inherit;font:inherit;width:100%;cursor:pointer;white-space:nowrap;overflow:hidden}#sidebar .brand:hover .nav-icon{filter:brightness(1.15)}#sidebar.open .brand{justify-content:flex-start;padding:18px 20px}#sidebar .brand .nav-icon{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:8px;font-size:16px;color:#fff}#sidebar .brand .nav-label{display:none;font-weight:700;font-size:15px;letter-spacing:.2px}#sidebar.open .brand .nav-label{display:block}#sidebar .brand .phase{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.6px;margin-top:2px}#sidebar nav{display:flex;flex-direction:column;gap:2px;padding:16px 10px;flex:1}.nav-section{font-size:10px;font-weight:600;letter-spacing:1.2px;color:var(--muted);padding:12px 12px 6px;display:none}#sidebar.open .nav-section{display:block}.nav-btn{position:relative;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text-2);font-size:13.5px;font-weight:500;padding:10px 0;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;transition:background .15s,color .15s;font-family:var(--font)}#sidebar.open .nav-btn{padding:10px 12px;justify-content:flex-start}.nav-btn .nav-icon{font-size:17px;flex:none;width:24px;text-align:center}.nav-btn .nav-label{display:none}#sidebar.open .nav-btn .nav-label{display:inline}.nav-btn:hover{color:var(--text);background:#ffffff0a}.nav-btn.active{color:var(--text);background:var(--accent-soft)}.nav-btn.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--accent)}#sidebar.open .nav-btn.active:before{left:-10px}#sidebar-toggle{margin:12px 10px;padding:9px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;transition:all .15s;font-family:var(--font)}#sidebar-toggle:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}main{flex:1;min-width:0;padding:28px 36px;max-width:1760px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h2{margin:0;font-size:20px;font-weight:700;letter-spacing:.2px}.page-head .desc{color:var(--muted);font-size:13px;margin-top:4px}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 14px;font-size:15px;font-weight:650;letter-spacing:.2px}.card h2{font-size:17px}.card.error{border-color:var(--fail)}.card.muted,.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12.5px}.row{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.divider{border:none;border-top:1px solid var(--line-soft);margin:16px 0}button,.btn{font-family:var(--font);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn{background:var(--card-hover);color:var(--text);border:1px solid var(--line);padding:8px 16px;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--accent);background:var(--accent-soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#2563eb;border-color:#2563eb}.btn.small{padding:5px 12px;font-size:12px;margin-right:6px}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed}main button:not(.nav-btn):not(#sidebar-toggle){background:var(--card-hover);color:var(--text);border:1px solid var(--line);padding:8px 16px}main button:not(.nav-btn):not(#sidebar-toggle):hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}select,input[type=text],input[type=number],textarea{background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-family:var(--font);transition:border-color .15s}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent)}select{max-width:560px}input[type=file]{font-size:13px;color:var(--text-2)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}.tbl th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.4px;background:#ffffff04}.tbl tr:last-child td{border-bottom:none}.job-row{cursor:pointer;transition:background .12s}.job-row:hover td{background:#ffffff06}.badge.primary{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;letter-spacing:.2px;padding:3px 10px;border-radius:20px;background:var(--card-hover);border:1px solid var(--line);color:var(--text-2);white-space:nowrap}.st-ok{background:var(--ok-bg);border-color:#34d3994d;color:var(--ok)}.st-fail{background:var(--fail-bg);border-color:#f871714d;color:var(--fail)}.st-running{background:var(--warn-bg);border-color:#fbbf244d;color:var(--warn)}.st-queued{color:var(--muted)}.st-blocked{background:#c084fc1a;border-color:#c084fc4d;color:#c084fc}.st-muted{color:var(--muted)}.log{background:#0a0d12;border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:14px 16px;max-height:440px;overflow:auto;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-all;font-family:var(--mono);color:var(--text-2)}.verify{padding:12px 16px;border-radius:var(--radius-sm);margin:12px 0;border:1px solid transparent;font-size:13px}.verify.ok{background:var(--ok-bg);border-color:#34d39940}.verify.fail{background:var(--fail-bg);border-color:#f8717140}.verify.warn{background:var(--warn-bg);border-color:#fbbf2440}.preview-frame{width:100%;height:calc(100vh - 200px);min-height:600px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3446;border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#364152}@media(max-width:900px){main{padding:16px}#sidebar.open{width:200px}.card{padding:16px}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#room-upload-panel{padding:16px 20px}#room-upload-panel .row{margin:0 0 12px}.project-switcher{position:relative;padding:8px 12px}#sidebar:not(.open) .project-switcher{padding:8px 6px}.project-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;color:inherit;cursor:pointer;font-size:13px}.project-btn:hover{background:#ffffff17}#sidebar:not(.open) .project-btn{justify-content:center;padding:10px 6px}#sidebar:not(.open) .project-btn .nav-label{display:none}.project-btn .project-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-menu{position:absolute;top:calc(100% + 4px);left:8px;right:8px;z-index:50;background:#1c2333;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0006;overflow:hidden;max-height:320px;overflow-y:auto}.project-menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;cursor:pointer}.project-menu-item:hover{background:#ffffff12}.project-menu-item.active{color:#ffb020}.project-menu-item.new{border-top:1px solid var(--line);color:#7dd3a8}.project-menu-item.muted{cursor:default;color:var(--muted)}.dc-section{margin-bottom:14px}.dc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;margin-top:10px}.dc-field{display:flex;align-items:center;gap:10px;font-size:13px}.dc-field>span{flex:none;width:150px;color:var(--muted)}.dc-field input[type=text],.dc-field input[type=number],.dc-field select{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font-size:13px}.dc-field input[type=number]{min-width:100px;flex:0 0 100px}.dc-field.check input{width:18px;height:18px;accent-color:var(--accent)}.dc-field input:disabled,.dc-field select:disabled{opacity:.45;cursor:not-allowed}.dc-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:10px 0 14px;flex-wrap:wrap}.dc-tab{padding:8px 16px;border:1px solid var(--line);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.dc-tab:hover{color:var(--text)}.dc-tab.active{color:var(--text);background:var(--bg-soft);border-color:var(--line);font-weight:600}.dc-panel .dc-section{border:none;padding:0;margin:0;box-shadow:none;background:transparent}.dc-panel .dc-section+.dc-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}.info-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;margin-bottom:12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);font-size:13px}.card.compact{padding:12px 16px;margin-bottom:12px}.card.compact h3{font-size:15px}.dc-section{margin-bottom:10px}.dc-section h3{font-size:14px;margin:0 0 4px}.dc-inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dc-inline label{display:flex;align-items:center;gap:6px}.dc-inline select,.dc-inline input{padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font-size:13px}.dc-head-label{font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.dc-suffix{color:var(--muted);font-size:12px;margin-left:-4px}.dc-field.textarea{align-items:flex-start;grid-column:1 / -1}.dc-field.textarea textarea{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font-size:13px;font-family:inherit;resize:vertical;line-height:1.5}.ai-chat-log{max-height:280px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;margin:10px 0;background:var(--bg)}.ai-msg{margin-bottom:10px;font-size:13px;line-height:1.6}.ai-msg .ai-msg-who{font-weight:600;font-size:12px;margin-bottom:2px;display:block}.ai-msg.user,.ai-msg.ai{color:var(--text)}.ai-chat-input-row{display:flex;gap:8px;align-items:flex-end}.ai-chat-input-row textarea{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font-size:13px;font-family:inherit;resize:vertical}