:root{color-scheme:dark;--bg: #07090a;--panel: #0c1110;--panel-2: #111917;--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .05);--text: #e2e8f0;--text-dim: #94a3b8;--echo: #28e049;--echo-bright: #5dff6e;--echo-dim: #1b9a35;--gold: #e8b84b;--gold-bright: #ffd96b;--err: #f87171;--warn: #fbbf24;--ok: #28e049;--iron: #cbd5e1;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Oswald", "Inter", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1100px 500px at 80% -10%,rgba(40,224,73,.07),transparent 60%),radial-gradient(900px 420px at 0% 110%,rgba(232,184,75,.05),transparent 60%),var(--bg);color:var(--text);font:14px/1.45 var(--font-sans);-webkit-font-smoothing:antialiased}#root{height:100%}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#07090ad9;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-icon{font-size:26px}.brand-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.brand h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:11px;color:var(--text-dim);display:block}.brand-sub a{color:var(--echo);text-decoration:none}.brand-sub a:hover{color:var(--echo-bright);text-decoration:underline}.build-name{flex:1;min-width:160px;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:7px 10px;font-size:14px;font-weight:600;font-family:var(--font-sans)}.topbar-actions{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:10px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:#28e04966;color:#fff}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{border-color:#ffffff1a;color:var(--text)}.btn.primary{background:var(--echo);border-color:var(--echo);color:#04170a}.btn.primary:hover{background:var(--echo-bright);border-color:var(--echo-bright);color:#04170a}.btn.gold{background:var(--gold);border-color:var(--gold);color:#241a04}.btn.gold:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:#241a04}.btn.tiny{padding:2px 7px;font-size:12px;border-radius:7px}.btn.danger:hover{border-color:var(--err);color:var(--err)}.menu{position:relative}.menu summary{list-style:none;-webkit-user-select:none;user-select:none}.menu summary::-webkit-details-marker{display:none}.menu-body{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:250px;max-height:60vh;overflow-y:auto;background:#0e1413;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 50px -20px #000c;padding:6px}.menu-item{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px;font-family:var(--font-sans)}.menu-item:hover{background:#28e04914;color:var(--echo-bright)}.menu-item.active{color:var(--echo-bright)}.menu-item.danger:hover{color:var(--err);background:#f8717114}.menu-item-sub{color:var(--text-dim);font-size:11px}.menu-sep{border-top:1px solid var(--border-soft);margin:6px 4px}.status-strip{display:flex;gap:10px;align-items:center;padding:7px 16px;border-bottom:1px solid var(--border-soft);font-size:12px;color:var(--text-dim);flex-wrap:wrap;font-variant-numeric:tabular-nums}.chip{border:1px solid var(--border);border-radius:999px;padding:2px 10px;background:var(--panel);font-weight:500}.chip.err{color:var(--err);border-color:#f8717180}.chip.warn{color:var(--warn);border-color:#fbbf2480}.chip.ok{color:var(--echo);border-color:#28e04973}.chip.iron{color:var(--iron);border-color:#cbd5e166}.chip.rsn{color:var(--gold-bright);border-color:#e8b84b80}.rsn-box{display:flex;align-items:center;gap:6px}.rsn-input{width:130px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:4px 8px;font-size:12px;font-family:var(--font-sans)}.rsn-input::placeholder{color:#64748b}.columns{display:grid;grid-template-columns:290px minmax(0,1fr) 380px;gap:10px;padding:10px;flex:1;min-height:0}.panel{background:linear-gradient(180deg,#ffffff0b,#ffffff04);border:1px solid var(--border);border-radius:16px;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 50px -20px #000c}@media(max-width:1100px){.columns{grid-template-columns:240px minmax(0,1fr)}.right{grid-column:1 / -1;max-height:45vh}}.palette-head{padding:10px;border-bottom:1px solid var(--border-soft)}.search{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:7px 10px;margin-bottom:8px;font-family:var(--font-sans)}.search::placeholder{color:#64748b}.cat-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px}.cat-tab{background:none;border:1px solid transparent;color:var(--text-dim);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-sans);cursor:pointer}.cat-tab:hover{color:var(--text)}.cat-tab.active{background:#28e0491a;border-color:#28e04959;color:var(--echo-bright)}.palette-list{overflow-y:auto;padding:6px;flex:1}.palette-item{border-bottom:1px solid var(--border-soft)}.palette-item-main{display:flex;align-items:center;gap:8px;padding:7px 6px;cursor:pointer;border-radius:8px}.palette-item-main:hover{background:#28e0490d}.palette-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.palette-item-title{font-size:13px}.palette-item-sub{font-size:11px;color:var(--text-dim)}.add-btn{font-weight:700;color:var(--echo)}.palette-detail{margin:0;padding:4px 10px 10px 22px;font-size:12px;color:var(--text-dim)}.palette-detail li{margin:2px 0}.empty-note{padding:16px;color:var(--text-dim);text-align:center}.build{overflow-y:auto}.rows{padding:8px;display:flex;flex-direction:column;gap:6px}.row{background:var(--panel-2);border:1px solid var(--border-soft);border-left:3px solid var(--ok);border-radius:10px;padding:6px 8px}.row.status-warn{border-left-color:var(--warn)}.row.status-err{border-left-color:var(--err)}.row-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drag-handle{cursor:grab;color:var(--text-dim);-webkit-user-select:none;user-select:none;padding:0 2px;letter-spacing:-2px}.drag-handle:active{cursor:grabbing}.row-num{color:var(--text-dim);font-size:11px;min-width:20px;text-align:right;font-variant-numeric:tabular-nums}.row-icon{font-size:15px}.row-text{flex:1;min-width:140px}.row-title{font-size:13px;font-weight:600}.row-line{font-size:11px;color:var(--echo-dim);font-family:Consolas,monospace}.row:hover .row-line{color:var(--echo)}.row-params{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.param{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim)}.param select,.param input,.raw-input,.acquire-row input{background:var(--panel);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:3px 6px;font-size:12px;font-family:var(--font-sans)}.lvl-input{width:58px}.alloy-input{width:130px}.raw-input{width:240px;font-family:Consolas,monospace}.row-actions{display:flex;gap:4px}.row-issues{margin-top:6px;display:flex;flex-direction:column;gap:4px}.issue{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:4px 8px;border-radius:8px;flex-wrap:wrap}.issue.error{background:#f871711a;color:#fca5a5}.issue.warn{background:#fbbf2414;color:#fcd34d}.fix-btn{border-color:#28e04980;color:var(--echo-bright);font-size:11px;padding:2px 8px}.drop-before>.row{box-shadow:0 -3px 0 0 var(--echo)}.drop-after>.row{box-shadow:0 3px 0 0 var(--echo)}.acquire-editor{display:flex;flex-direction:column;gap:4px}.acquire-row{display:flex;align-items:center;gap:4px}.acquire-name{width:150px}.acquire-qty{width:62px}.acquire-dash{color:var(--text-dim)}.empty-state{padding:34px 26px;text-align:center;color:var(--text-dim)}.empty-state h2{color:var(--text);margin:0 0 6px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.preset-buttons{display:flex;flex-direction:column;gap:10px;margin-top:18px;align-items:center}.preset-btn{display:flex;flex-direction:column;gap:3px;max-width:460px;width:100%;padding:10px 14px;text-align:left;border-radius:12px}.preset-btn strong{color:var(--echo-bright)}.preset-btn span{font-size:12px;color:var(--text-dim);white-space:normal;font-weight:400}.right .cat-tabs{border-bottom:1px solid var(--border-soft);padding:8px}.tab-body{padding:10px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.script-actions{display:flex;gap:8px;flex-wrap:wrap}.script-out,.script-in{width:100%;min-height:220px;flex:1;resize:vertical;background:#05080a;border:1px solid var(--border);border-radius:12px;color:#86efac;font-family:Consolas,Courier New,monospace;font-size:12px;padding:10px;white-space:pre}.script-in{min-height:140px;color:var(--text)}.import-box summary{cursor:pointer;color:var(--echo);font-size:13px;margin-bottom:8px}.stat-chips{display:flex;gap:8px}.stat-chip{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center}.stat-chip span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat-chip strong{font-size:18px;color:var(--gold-bright);font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat-cell{display:flex;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:8px;padding:4px 8px;font-size:12px}.stat-name{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-val{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.fine-print{font-size:11px;color:var(--text-dim);margin:0}.iron-toggle{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.settings-h{margin:8px 0 0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.start-cell{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.start-cell input{width:56px;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:3px 6px;font-variant-numeric:tabular-nums}.cloud-list{display:flex;flex-direction:column;gap:6px}.cloud-row{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;padding:8px 10px;transition:border-color .15s}.cloud-row:hover{border-color:#28e04959}.cloud-row-text{flex:1;min-width:0}.cloud-row-name{font-size:13px;font-weight:600;color:var(--text)}.cloud-row-sub{font-size:11px;color:var(--text-dim)}.cloud-note{background:#e8b84b12;border:1px solid rgba(232,184,75,.3);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--gold-bright)}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{width:100%;max-width:360px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);border:1px solid var(--border);border-radius:20px;box-shadow:0 18px 50px -20px #000c,0 0 28px -4px #28e04926;padding:34px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.gate-logo{width:64px;height:64px;border-radius:14px;object-fit:cover;border:1px solid var(--border)}.gate-card h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.gate-sub{margin:-6px 0 6px;font-size:12px;color:var(--text-dim)}.gate-input{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px;text-align:center;font-family:var(--font-sans)}.gate-btn{width:100%;padding:9px 12px}.gate-error{margin:0;color:var(--err);font-size:12px}.mode-tabs{display:flex;gap:6px;padding:8px 16px 0;border-bottom:1px solid var(--border-soft)}.mode-tab{background:none;border:1px solid transparent;border-bottom:none;color:var(--text-dim);border-radius:10px 10px 0 0;padding:8px 18px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.mode-tab:hover{color:var(--text)}.mode-tab.active{background:#28e04914;border-color:var(--border);color:var(--echo-bright)}.vault-main{flex:1;min-height:0;padding:10px;display:flex}.vault{flex:1;overflow-y:auto}.vault-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 10px;flex-wrap:wrap}.vault-head h2{margin:0 0 4px;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright)}.vault-body{display:flex;flex-direction:column}.vault-grid{display:grid;grid-template-columns:1.1fr 1.3fr 1.5fr 1fr 1.3fr 34px;gap:8px;align-items:center;padding:6px 12px}.vault-grid-head{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-soft);padding-bottom:8px}.vault-grid input{width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 8px;font-size:13px;font-family:var(--font-sans)}.vault-grid input::placeholder{color:#576578}.secret-cell{display:flex;align-items:center;gap:4px;min-width:0}.secret-cell input{flex:1;font-family:Consolas,monospace;letter-spacing:.06em}@media(max-width:900px){.vault-grid{grid-template-columns:1fr 1fr}.vault-grid-head{display:none}.vault-grid{border-bottom:1px solid var(--border-soft);padding:10px 12px}}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100}.toast{background:#0e1413;border:1px solid rgba(40,224,73,.5);color:var(--echo-bright);border-radius:10px;padding:8px 16px;font-size:13px;box-shadow:0 6px 18px #0009;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#07090a}::-webkit-scrollbar-thumb{background:#28e0492e;border-radius:9999px;border:2px solid #07090a}::-webkit-scrollbar-thumb:hover{background:#28e0494d}::selection{background:#28e0494d;color:#eafff0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(40,224,73,.6);outline-offset:2px;border-radius:6px}