.dev-page{background:#111619;color:#e8e1d7}.dev-page:before{opacity:.07}.dev-header{background:rgba(17,22,25,.94);border-color:#2d393e;color:#e8e1d7}.dev-header nav a.active{color:#d9a450}.dev-header .brand small{color:#849399}.dev-header .nav-toggle{color:#e8e1d7;border-color:#3b494f}
.dev-intro{max-width:1320px;margin:auto;padding:75px 28px 55px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.dev-intro h1{font:900 clamp(45px,6vw,78px)/1.1 "Noto Serif TC";margin:0}.dev-legend{padding:22px;border:1px solid #344248;background:#171e21}.dev-legend>span{display:flex;align-items:center;gap:9px;margin:7px 0;color:#bdc7c5;font-size:12px}.dev-legend i{display:block;width:28px;height:3px}.dev-legend i.craft{background:#9a6a79}.dev-legend i.process{background:#c99a4c}.dev-legend i.event{background:#608893}.dev-legend p{margin:15px 0 0;padding-top:13px;border-top:1px solid #344248;color:#7f9298;font-size:11px}
.dev-toolbar{position:sticky;top:74px;z-index:20;min-height:76px;padding:12px max(28px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:rgba(17,22,25,.96);backdrop-filter:blur(16px);border-top:1px solid #2d393e;border-bottom:1px solid #2d393e}.dev-modes,.dev-controls{display:flex;border:1px solid #39484e}.dev-modes button,.dev-controls button,.target-form button{border:0;border-right:1px solid #39484e;background:#182024;color:#99a8ad;padding:9px 13px;cursor:pointer}.dev-modes button:last-child,.dev-controls button:last-child{border-right:0}.dev-modes button.active{background:#7b2a45;color:#fff}.target-form{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px}.target-form label{font-size:10px;letter-spacing:.12em;color:#819198}.target-form input{min-width:0;border:0;border-bottom:1px solid #4a5a60;background:transparent;color:#fff;padding:7px;outline:0}.target-form input:disabled{opacity:.35}.target-form button{border:1px solid #55434a;background:#67243b;color:#fff}.target-form button:disabled{opacity:.3;cursor:not-allowed}
.dependency-layout{height:calc(100vh - 150px);min-height:720px;display:grid;grid-template-columns:minmax(0,1fr) 350px;border-bottom:1px solid #2e3b40}.dev-viewport{position:relative;overflow:hidden;background-color:#101518;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;cursor:grab}.dev-viewport.dragging{cursor:grabbing}.dev-help{position:absolute;left:18px;top:14px;z-index:3;color:#61747a;font-size:10px}.dev-stage{position:absolute;left:0;top:0;transform-origin:0 0}.dev-stage svg{position:absolute;inset:0;overflow:visible}.dep-line{fill:none;stroke:#71515c;stroke-width:1.5}.dep-line.process{stroke:#bd8c44;stroke-dasharray:6 4}.dep-line.event{stroke:#557d87;stroke-dasharray:2 5}.edge-label rect{fill:#172024;stroke:#4b5b61}.edge-label text{fill:#e3c37f;font:10px "Noto Sans TC"}.dev-node{position:absolute;width:174px;height:70px;padding:10px 28px 9px 51px;border:1px solid #435159;background:#1a2327;color:#e7dfd6;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.22)}.dev-node:hover,.dev-node.selected{border-color:#d3a051;box-shadow:0 0 0 2px rgba(211,160,81,.12),0 12px 28px #070a0b}.dev-node img,.dev-node .dev-fallback{position:absolute;left:9px;top:15px;width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.dev-fallback{display:grid;place-items:center;background:#65263d;color:#fff;font-weight:900}.dev-node strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.dev-node small{display:block;color:#778b92;font:8px monospace;overflow:hidden;text-overflow:ellipsis}.node-output{position:absolute;right:7px;top:5px;color:#e1b465;font:900 10px Georgia}.node-kind{position:absolute;right:7px;bottom:5px;width:6px;height:6px;border-radius:50%;background:#8d6270}.node-kind.process{background:#c29045}.node-kind.event{background:#598792}
.dev-panel{overflow:auto;padding:28px;background:#edf0eb;color:#202a2d}.dev-empty{margin-top:250px;text-align:center;color:#79878a}.dev-empty b{color:#2a3538}.dev-panel-head{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;padding-bottom:19px;border-bottom:1px solid #cbd1cd}.dev-panel-head img,.dev-panel-head .dev-fallback{position:static;width:54px;height:54px}.dev-panel h2{font:900 22px "Noto Serif TC";margin:0}.dev-id{font:9px monospace;color:#7c8b8e;word-break:break-all}.dev-panel h3{margin:24px 0 9px;color:#7e2945;font-size:10px;letter-spacing:.15em}.cost-box{padding:13px;margin-bottom:9px;background:#f8faf5;border:1px solid #cbd1cd}.cost-box>small{color:#9a7137;font-size:9px}.cost-flow{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px}.cost-chip{padding:5px 7px;background:#e1e7e1;font-size:11px}.cost-output{background:#ead7dd;color:#70243e}.panel-use{width:100%;padding:8px 0;border:0;border-bottom:1px solid #cbd1cd;background:transparent;text-align:left;color:#344246;cursor:pointer}.panel-use:hover{color:#8a2949}.dev-note{padding:12px;border-left:3px solid #c08d41;background:#e3e6df;color:#637174;font-size:11px}
@media(max-width:900px){.dev-intro{grid-template-columns:1fr}.dev-toolbar{grid-template-columns:1fr auto}.target-form{grid-column:1/-1;grid-row:2}.dependency-layout{grid-template-columns:1fr;height:auto}.dev-viewport{height:720px}.dev-panel{min-height:330px}.dev-empty{margin-top:80px}}
@media(max-width:720px){.dev-header nav{background:#111619}.dev-intro{padding:60px 20px 38px}.dev-toolbar{top:64px;padding:10px 12px;gap:8px}.dev-modes button{padding:8px}.target-form{grid-template-columns:1fr auto}.target-form label{display:none}.dev-controls button{padding:8px 10px}.dependency-layout{min-height:0}.dev-viewport{height:650px}.dev-panel{padding:22px}}