:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:radial-gradient(circle at top,#3b82f638,#0000 28%),linear-gradient(#16181f 0%,#0e1015 100%);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#3b82f62e,#0000 24%),linear-gradient(#16181f 0%,#0e1015 100%);min-height:100vh;margin:0}button,input,select{color:#f8fafc;background:#101827;border:1px solid #64748b;border-radius:10px;padding:10px 12px}button{cursor:pointer}button:hover{border-color:#7dd3fc}button:disabled{opacity:.45;cursor:not-allowed}header{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#222530eb;justify-content:space-between;align-items:center;height:62px;padding:0 20px;font-weight:700;display:flex;position:sticky;top:0;box-shadow:0 1px #94a3b82e}main{min-height:100vh}.gear{color:#7dd3fc;margin-right:8px}.share{color:#bfdbfe;font-size:14px;text-decoration:none}.shell{grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);align-items:start;gap:18px;width:min(1320px,100% - 24px);margin:18px auto 0;display:grid}.panel{background:#1c1f27f2;border:1px solid #94a3b833;border-radius:16px;padding:20px;box-shadow:0 24px 90px #00000059}h2{margin:0 0 12px;font-size:clamp(20px,2.4vw,32px)}hr{border:0;border-top:1px solid #94a3b833;margin:18px 0}.section-head p,.item-copy small,.item-card small,.history-card small,.selected-item-banner small,.tree-row span:last-child,.empty-target-copy small{color:#94a3b8}.mode-row{flex-wrap:wrap;gap:20px;display:flex}.strategy-row{gap:8px;margin-bottom:16px;display:grid}.strategy-row label{color:#cbd5e1;gap:6px;font-size:12px;display:grid}.strategy-row p{color:#94a3b8;margin:0}.mode-row label{background:#121722;border:1px solid #94a3b833;border-radius:10px;padding:12px 14px}.target-list{gap:12px;display:grid}.target-row{background:linear-gradient(135deg,#1e293beb,#111827eb);border:1px solid #60a5fa26;border-radius:14px;grid-template-columns:120px minmax(180px,1fr) 110px 110px 150px 54px;align-items:center;gap:10px;min-height:78px;padding:12px;display:grid}.item-picker{place-items:center;min-height:54px;display:inline-grid}.item-copy,.empty-target-copy{gap:4px;display:grid}.target-row label{color:#cbd5e1;gap:4px;font-size:12px;display:grid}.target-row input,.target-row select{width:100%}.trash{font-size:18px}.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;margin-top:18px;padding:14px 18px;font-size:16px;font-weight:800}.error{color:#fecaca;background:#7f1d1d;border-radius:8px;padding:10px}.history-panel{position:sticky;top:80px}.history-toggle{background:#0f172ae6;justify-content:space-between;align-items:center;gap:12px;width:100%;font-weight:800;display:flex}.history-intro{color:#94a3b8;margin:12px 0 0}.history-list{gap:10px;margin-top:14px;display:none}.history-list.expanded{display:grid}.history-card{color:inherit;background:linear-gradient(135deg,#0f172ae6,#1e293be6);border:1px solid #94a3b82e;border-radius:12px;gap:6px;padding:14px;text-decoration:none;display:grid}.history-card span{color:#cbd5e1;font-size:13px}.history-card.active,.history-card:hover{border-color:#7dd3fc8c}.pixel-icon{background:linear-gradient(135deg,#374151,#111827);border:2px solid #64748b;border-radius:8px;place-items:center;width:40px;height:40px;font-size:24px;display:inline-grid}.pixel-icon img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}.modal-backdrop,.loading{z-index:10;background:#020617c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#1b1f29;border:1px solid #94a3b840;border-radius:16px;flex-direction:column;gap:14px;width:min(960px,100%);max-height:88vh;padding:18px;display:flex;overflow:hidden;box-shadow:0 24px 90px #000}.modal input{width:100%;margin:0;font-size:16px}.modal-scroll{min-height:0;padding:8px 4px 0 0;overflow:auto}.selected-item-banner{background:#0f172ae6;border:1px solid #7dd3fc40;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.item-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding-top:30px;display:grid;overflow:visible}.item-card{width:56px;height:56px;min-height:56px;box-shadow:none;background:0 0;border:0;justify-self:center;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.item-card .pixel-icon{width:40px;height:40px;transition:transform .14s,border-color .14s,box-shadow .14s}.item-card .pixel-icon img{width:28px;height:28px}.item-card-name{opacity:0;pointer-events:none;z-index:3;background:#0f172af7;border:1px solid #7dd3fc61;border-radius:10px;max-width:min(220px,32vw);padding:7px 10px;transition:opacity .14s,transform .14s;display:block;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px);box-shadow:0 14px 36px #0206178c}.item-card-name strong{text-overflow:ellipsis;white-space:nowrap;text-align:center;display:block;overflow:hidden}.item-card:hover .item-card-name,.item-card:focus-visible .item-card-name,.item-card.selected .item-card-name{opacity:1;transform:translate(-50%)}.item-card:hover .pixel-icon,.item-card:focus-visible .pixel-icon{border-color:#7dd3fca6;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a59}.item-card.selected .pixel-icon{border-color:#7dd3fc;box-shadow:0 0 0 2px #7dd3fc2e,0 10px 24px #082f4973}.item-card:focus-visible{outline:none}.modal-actions{background:#1b1f29;border-top:1px solid #94a3b829;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.loading{color:#f8fafc;font-size:24px;font-weight:800}.spinner{border:8px solid #475569;border-top-color:#93c5fd;border-radius:50%;width:80px;height:80px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.graph-panel{width:min(1320px,100% - 24px);margin:18px auto;padding:0;overflow:hidden}.plan-summary{background:#94a3b829;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.plan-summary>div{background:#101827f5;gap:6px;padding:16px 18px;display:grid}.plan-summary strong{text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;font-size:12px}.plan-summary span{color:#e2e8f0;line-height:1.4}.tabs{border-bottom:1px solid #94a3b833;grid-template-columns:repeat(5,1fr);display:grid}.tabs button{background:#283142;border:0;border-right:1px solid #94a3b833;border-radius:0;font-weight:800}.tabs button.active{color:#7dd3fc;background:#111827}.graph-scroll{cursor:grab;background:radial-gradient(circle at 0 0,#3b82f61a,#0000 30%),#1b1f29;height:min(76vh,820px);position:relative;overflow:auto}.graph-scroll svg{-webkit-user-select:none;user-select:none;background:0 0;display:block}.graph-scroll.dragging{cursor:grabbing}.graph-stack{background:#1b1f29;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"toolbar toolbar""graph inspector";display:grid}.graph-toolbar{color:#94a3b8;background:#0f172af5;border-bottom:1px solid #94a3b82e;flex-wrap:wrap;grid-area:toolbar;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 12px 8px 18px;font-size:13px;display:flex}.graph-toolbar>div,.graph-search{align-items:center;gap:8px;display:flex}.graph-search{flex:250px}.graph-search label{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.graph-search select{width:min(360px,100%);padding:7px 10px}.graph-trace{flex:0 auto}.graph-trace button.active{color:#bae6fd;background:#0e749059;border-color:#38bdf8}.graph-zoom{margin-left:auto}.graph-toolbar button{min-width:38px;padding:7px 10px}.graph-toolbar strong{text-align:center;color:#e2e8f0;min-width:48px}.graph-stack .graph-scroll{grid-area:graph}.graph-node{cursor:pointer}.graph-node circle,.graph-node image,.graph-node text{transition:opacity .14s,r .14s,stroke-width .14s}.graph-inspector{background:#0f172aeb;border-left:1px solid #94a3b82e;grid-area:inspector;max-height:min(76vh,820px);padding:16px;overflow:auto}.graph-inspector-head,.graph-inspector-title{align-items:center;gap:12px;display:flex}.graph-inspector-head{border-bottom:1px solid #94a3b829;justify-content:space-between;padding-bottom:14px}.graph-inspector-title>div{gap:4px;display:grid}.graph-inspector-title small,.graph-inspector-columns small,.graph-inspector-note{color:#94a3b8}.graph-inspector-grid{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.graph-inspector-grid>div{background:#1e293bcc;border-radius:10px;gap:3px;padding:10px;display:grid}.graph-inspector-grid span,.graph-inspector-label{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.graph-inspector-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.graph-inspector-columns>div{align-content:start;gap:7px;display:grid}.graph-link{text-align:left;border-color:#60a5fa3d;gap:3px;width:100%;padding:9px;display:grid}.graph-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-link strong{color:#7dd3fc;font-size:12px}.graph-inspector-note{margin:14px 0 0;line-height:1.45}.byproduct-note{margin-top:0}.graph-scroll footer{text-align:right;background:#1f2937f5;padding:14px 18px;font-weight:800;position:sticky;bottom:0}.data-view{background:#1b1f29;min-height:320px;padding:14px 0}.empty-state{color:#94a3b8;place-items:center;padding:24px;display:grid}.table-view{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #94a3b81f;padding:12px 18px}th{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.tree-row{border-bottom:1px solid #94a3b81a;grid-template-columns:28px minmax(180px,1fr) 120px minmax(180px,1fr);align-items:center;gap:12px;padding:10px 18px;display:grid}.tree-row-icon{place-items:center;display:inline-grid}.tree-row-icon .pixel-icon,.item-table-icon .pixel-icon{width:32px;height:32px;font-size:18px}.tree-row-icon .pixel-icon img,.item-table-icon .pixel-icon img{width:22px;height:22px}.tree-row-name,.item-table-name{align-items:center;min-height:32px;display:inline-flex}.item-table-icon{width:64px}.missing{color:#fde68a;background:#3b2f18;padding:12px 18px}@media (width<=1080px){.shell{grid-template-columns:1fr}.history-panel{position:static}}@media (width<=820px){header{flex-direction:column;align-items:flex-start;gap:4px;height:auto;padding:10px 14px}.target-row,.plan-summary{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr}.tree-row{grid-template-columns:1fr}.graph-stack{grid-template-columns:1fr;grid-template-areas:"toolbar""graph""inspector"}.graph-toolbar{flex-direction:column;align-items:flex-start}.graph-search,.graph-search select,.graph-trace{width:100%}.graph-trace{grid-template-columns:repeat(3,1fr);display:grid}.graph-zoom{margin-left:0}.graph-inspector{border-top:1px solid #94a3b82e;border-left:0;max-height:none}}