:root{--ink: #f4ebd8;--ink-2: #fff7e6;--muted: #a9a193;--line: rgba(226, 199, 143, .16);--paper: #070a0d;--surface: #101820;--surface-2: #17222a;--surface-3: #1f2b32;--gold: #d3a044;--teal: #43aa9b;--ember: #d86f4c;--violet: #9c8dc7;--danger: #c9574c;--shadow: 0 24px 60px rgba(0, 0, 0, .34);--topbar-height: 68px;font-family:Microsoft YaHei UI,Bahnschrift,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;overflow-x:hidden;background:var(--paper)}button,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.loading,.app{min-height:100vh}.loading{display:grid;place-content:center;gap:12px;color:var(--ink);background:radial-gradient(circle at 50% 20%,rgba(67,170,155,.16),transparent 34%),#070a0d}.loading span{font-size:18px;font-weight:800}.app{min-height:100vh;background:linear-gradient(135deg,rgba(216,111,76,.1),transparent 28%),radial-gradient(circle at 74% 18%,rgba(67,170,155,.18),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 38%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,transparent 1px 44px),#070a0d}.topbar{position:sticky;top:0;z-index:14;height:var(--topbar-height);display:flex;align-items:center;gap:12px;padding:0 clamp(14px,2vw,28px);color:var(--ink-2);background:#080c10e6;border-bottom:1px solid rgba(211,160,68,.42);box-shadow:0 14px 32px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.picker-toggle,.compile-button,.tray-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.picker-toggle,.tray-close{width:40px;height:40px;flex:0 0 auto;color:var(--ink-2);background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.picker-toggle:hover,.tray-close:hover{background:#ffffff24}.brand{min-width:150px;flex:1}.brand span{display:block;color:#f4ebd89e;font-size:12px;font-weight:800}.brand h1{margin:1px 0 0;font-size:22px;letter-spacing:0}.example-select{width:clamp(160px,18vw,250px);height:40px;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#111a21;color:var(--ink-2);padding:0 34px 0 12px;font-weight:800}.compile-button{min-height:40px;flex:0 0 auto;padding:0 18px;background:var(--gold);color:#15100a;font-weight:900}.compile-button:hover{background:#e2b453;transform:translateY(-1px)}.workspace{position:relative;min-height:calc(100vh - var(--topbar-height))}.builder{min-width:0;min-height:calc(100vh - var(--topbar-height));display:grid;grid-template-rows:minmax(360px,1fr) auto;gap:18px;padding:24px}.stage-flow{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:12px;align-items:stretch}.stage-arrow{display:grid;place-items:center;pointer-events:none;color:#d3a0448a;font-size:24px;font-weight:900}.model{--stage: #c59239;--stage-soft: rgba(197, 146, 57, .16)}.purify{--stage: var(--teal);--stage-soft: rgba(67, 170, 155, .16)}.infuse{--stage: var(--violet);--stage-soft: rgba(156, 141, 199, .18)}.release{--stage: var(--ember);--stage-soft: rgba(216, 111, 76, .17)}.stage-column{min-width:0;min-height:360px;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--stage);border-radius:8px;background:linear-gradient(180deg,#152027f0,#0c1217f5);box-shadow:var(--shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.stage-column:hover,.stage-column.active{border-color:color-mix(in srgb,var(--stage),#ffffff 18%);box-shadow:0 0 0 1px color-mix(in srgb,var(--stage),transparent 46%),0 26px 70px #0000006b;transform:translateY(-1px)}.stage-title{width:100%;display:flex;align-items:center;gap:12px;padding:15px 14px 12px;background:#ffffff06;color:var(--ink);text-align:left}.stage-index{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:var(--stage-soft);color:var(--stage);font-family:Cascadia Mono,Consolas,monospace;font-size:13px;font-weight:900}.stage-title-copy{min-width:0;display:grid;gap:2px}.stage-title-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.1}.stage-title-copy small{color:var(--muted);font-size:12px;font-weight:800}.stage-result{min-height:78px;padding:0 14px 14px;color:#f4ebd89e;background:#ffffff06;border-bottom:1px solid var(--line);font-size:13px;line-height:1.48;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.stage-nodes{min-height:0;display:grid;align-content:start;gap:10px;padding:12px;overflow-y:auto}.work-node{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;border:1px solid var(--line);border-left-width:4px;border-radius:8px;background:#ffffff0e;color:var(--ink);padding:10px;box-shadow:0 10px 24px #0000002e}.work-node strong{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;font-size:15px}.work-node strong small{flex-basis:100%}.node-actions{display:flex;gap:4px}.node-actions button{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#ffffff14;color:var(--ink);transition:background-color .18s ease,color .18s ease}.node-actions button:hover:not(:disabled){background:var(--stage);color:#080c10}.compile-output{min-width:0;min-height:220px;display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:22px;border:1px solid rgba(211,160,68,.24);border-radius:8px;background:linear-gradient(135deg,rgba(211,160,68,.12),transparent 42%),linear-gradient(180deg,#19242bf5,#0a0e12f5);color:var(--ink);padding:18px 20px;box-shadow:var(--shadow)}.result-copy{min-width:0}.result-head{display:flex;align-items:center;gap:10px;color:#f4ebd89e;font-size:12px;font-weight:900}.status{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 11px;color:#fff;font-size:13px;font-weight:900}.status.compiled{background:#2f8a5c}.status.pending,.status.partial{background:var(--gold);color:#15100a}.status.failed{background:var(--danger)}.status.unsafe{background:var(--violet)}.result-copy h2{margin:10px 0 8px;color:var(--ink-2);font-size:clamp(24px,2.4vw,34px);line-height:1.08}.result-copy p{max-width:760px;margin:0;color:#f4ebd8c2;line-height:1.55}.tier-strip,.modifier-strip{display:flex;flex-wrap:wrap;gap:7px}.tier-strip{margin:10px 0}.modifier-strip{margin:8px 0 10px}.tier-strip strong,.tier-strip span,.modifier{display:inline-flex;align-items:center;min-height:28px;border-radius:7px;padding:0 10px;font-size:12px;font-weight:900}.tier-strip strong{background:#f2d28f;color:#17130a}.tier-strip span{background:#ffffff14;color:#f4ebd8db}.modifier{gap:6px;color:var(--ink-2)}.modifier.variant{background:#43aa9b6b}.modifier.buff{background:#9c8dc77a}.modifier b{color:#f2d28f}.tier-reasons{display:grid;gap:4px;margin:10px 0 0;padding:0;list-style:none;color:#f4ebd899;font-size:12px;line-height:1.35}.radar-wrap{display:grid;place-items:center;min-width:0;border-left:1px solid rgba(255,255,255,.1);padding-left:14px}.radar{width:min(242px,100%);height:auto}.radar-grid{fill:#ffffff09;stroke:#f4ebd847;stroke-width:1}.radar-axis{stroke:#f4ebd838;stroke-width:1}.radar-area{fill:#d3a04475;stroke:#f2c66d;stroke-width:2.4}.radar-dot{fill:#f2c66d;stroke:#101820;stroke-width:1.5}.radar-label{fill:#f4ebd8e0;font-size:13px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.node-tray{position:fixed;z-index:12;right:clamp(14px,2vw,26px);bottom:18px;left:clamp(14px,2vw,26px);max-height:min(52vh,468px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(211,160,68,.24);border-radius:8px;background:#0d1318f5;box-shadow:0 28px 90px #00000094;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .22s ease,opacity .18s ease,visibility .18s ease}.picker-closed .node-tray{visibility:hidden;opacity:0;transform:translateY(calc(100% + 26px))}.picker-open .node-tray{visibility:visible;opacity:1;transform:translateY(0)}.tray-grip{justify-self:center;width:66px;height:4px;margin-top:10px;border-radius:999px;background:#f4ebd847}.drawer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px 12px;border-bottom:1px solid var(--line)}.drawer-head>div{min-width:0}.drawer-head span{display:block;color:#f4ebd894;font-size:12px;font-weight:900}.drawer-head strong{display:block;margin-top:3px;font-size:24px;line-height:1.12}.drawer-head p{max-width:760px;margin:6px 0 0;color:#f4ebd89e;font-size:13px;line-height:1.45}.tray-actions{display:flex;align-items:center;gap:8px}.node-mode-toggle{min-width:66px;height:34px;border:1px solid var(--line);border-radius:7px;background:#ffffff12;color:var(--ink);font-size:12px;font-weight:900;transition:background-color .18s ease,color .18s ease}.node-mode-toggle[aria-pressed=true]{background:var(--gold);color:#15100a}.stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.stage-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:7px;background:#ffffff0e;color:var(--ink);padding:0 10px;text-align:center;font-size:14px;font-weight:900;transition:background-color .18s ease,border-color .18s ease}.stage-tabs button:hover{background:#ffffff1a}.stage-tabs button.active{border-color:color-mix(in srgb,var(--teal),#ffffff 10%);background:#43aa9b29}.stage-tabs span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:7px;color:#080c10;background:var(--gold);font-family:Cascadia Mono,Consolas,monospace;font-size:12px}.node-picker{min-height:0;display:grid;align-content:start;gap:12px;padding:14px;overflow-y:auto;overscroll-behavior:contain}.node-picker.compact{gap:10px}.node-group{display:grid;gap:8px}.node-group+.node-group{padding-top:4px;border-top:1px solid rgba(244,235,216,.1)}.node-group-title{display:flex;align-items:center;gap:7px;min-width:0;color:var(--ink-2);font-size:12px;font-weight:900}.node-group-title small{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.node-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.node-picker.compact .node-group-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.pick-node{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:68px;border:1px solid var(--line);border-left-width:4px;border-radius:8px;background:#ffffff0f;color:var(--ink);padding:11px 12px;text-align:left;box-shadow:0 10px 24px #0000002b;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.pick-node:hover{border-color:#f4ebd84d;background:#ffffff1a;box-shadow:0 16px 34px #0000003d;transform:translateY(-1px)}.node-picker.compact .pick-node{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 8px}.node-picker.compact .pick-node svg,.node-picker.compact .pick-node small,.node-picker.compact .pick-node em{display:none}.pick-node span{min-width:0;display:grid;gap:3px;font-weight:900}.pick-node b{min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.pick-node i,.work-node em{flex:0 0 auto;border-radius:6px;background:#f4ebd81c;color:var(--ink);padding:2px 5px;font-size:10px;font-style:normal;font-weight:900}.node-picker.compact .pick-node span{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pick-node small,.work-node small{color:var(--muted);font-size:11px;font-weight:800}.pick-node em{color:#f4ebd89e;font-size:12px;font-style:normal;font-weight:600;line-height:1.35}.pick-node.selection-core,.work-node.selection-core{background:linear-gradient(180deg,#d3a04421,#ffffff0b)}.pick-node.selection-detail,.work-node.selection-detail{background:linear-gradient(180deg,#43aa9b21,#ffffff0b)}.pick-node.selection-tuning,.work-node.selection-tuning{background:linear-gradient(180deg,#9c8dc729,#ffffff0b);border-style:dashed}.selection-core .node-group-title{color:#e0b65e}.selection-detail .node-group-title{color:var(--teal)}.selection-tuning .node-group-title{color:var(--violet)}.pick-node.model,.work-node.model{border-left-color:#c59239}.pick-node.purify,.work-node.purify{border-left-color:var(--teal)}.pick-node.infuse,.work-node.infuse{border-left-color:var(--violet)}.pick-node.release,.work-node.release{border-left-color:var(--ember)}.tray-peek{position:fixed;z-index:11;left:50%;bottom:18px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);min-height:42px;border:1px solid rgba(211,160,68,.26);border-radius:999px;background:#121c23f0;color:var(--ink);padding:0 16px;font-size:13px;font-weight:900;box-shadow:0 16px 42px #00000070;transform:translate(-50%);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.tray-peek span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-open .tray-peek{visibility:hidden;opacity:0;transform:translate(-50%,18px)}@media(max-width:980px){.builder{padding:16px}.stage-flow{grid-template-columns:1fr}.stage-arrow{min-height:16px;transform:rotate(90deg)}.stage-column{min-height:230px}.compile-output{grid-template-columns:1fr}.radar-wrap{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:14px 0 0}.node-tray{max-height:min(66vh,560px)}}@media(max-width:700px){:root{--topbar-height: 60px}.topbar{gap:8px;padding:0 10px}.brand{display:none}.example-select{width:auto;flex:1 1 auto}.compile-button{padding:0 12px}.picker-toggle{width:38px;height:38px}.builder{gap:12px;padding:12px}.stage-title-copy strong{font-size:18px}.compile-output{min-height:0;padding:16px}.node-tray{right:8px;bottom:8px;left:8px;max-height:72vh}.drawer-head{grid-template-columns:1fr;gap:10px;padding:12px}.drawer-head strong{font-size:21px}.tray-actions{justify-content:space-between}.stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.node-picker{padding:10px}.node-group-grid,.node-picker.compact .node-group-grid{grid-template-columns:1fr}.radar-label{font-size:12px}}@media(max-width:420px){.compile-button{min-width:42px;padding:0 10px}.compile-button svg{display:none}.stage-result{min-height:64px}.node-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}