@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e9edf2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0c1015;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #e8b84a}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}:root{--gold:#e8b84a;--gold-soft:#2b2517;--panel:#121820;--panel-2:#171e27;--border:#27303b;--muted:#8e99a7;--red:#ef7777}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:64px 0 80px}.page-header{align-items:center;gap:20px;margin-bottom:36px;display:flex}.brand-mark{color:#171207;background:var(--gold);border-radius:16px;flex:none;place-items:center;width:62px;height:62px;font-size:22px;font-weight:800;display:grid;transform:rotate(-3deg);box-shadow:0 10px 28px #0008}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:5px;font-size:clamp(30px,4vw,42px);line-height:1}.subtitle,.panel-heading p,.output-heading p{color:var(--muted);margin-bottom:0;font-size:14px}.panel{border:1px solid var(--border);background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:0 22px 60px #0004}.panel-heading,.output-heading{justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.panel-actions{align-items:center;gap:8px;display:flex}h2{letter-spacing:-.02em;margin-bottom:4px;font-size:19px}.button{color:#e9edf2;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.button svg{width:17px}.button.primary{color:#161208;background:var(--gold)}.button.primary:hover{background:#f2c65e}.button.secondary{background:#1b232d;border-color:#35404d}.button.secondary:hover{background:#232d39}.button.compact{min-height:36px;padding-inline:11px;font-size:11px}.button.compact svg{width:15px}.file-message{border:1px solid;border-radius:8px;align-items:center;gap:8px;margin:0 24px 18px;padding:10px 12px;font-size:11px;display:flex}.file-message.success{color:#9bd1a2;background:#14261a;border-color:#2d5135}.file-message.error{color:#f09a9a;background:#2a181c;border-color:#60363b}.file-message>svg{width:15px}.file-message>span{flex:1}.file-message button{color:currentColor;background:0 0;border:0;place-items:center;padding:2px;display:grid}.file-message button svg{width:14px}.table-wrap{border-top:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#778391;letter-spacing:.11em;text-transform:uppercase;background:#0f141b;padding:13px 20px;font-size:10px}td{vertical-align:middle;border-top:1px solid #222b35;padding:18px 20px;font-size:13px}tbody tr:hover{background:#151c25}tbody tr{position:relative}tbody tr.dragging{z-index:2;opacity:.92;background:#1a222c;box-shadow:0 9px 24px #0008}.drag-cell{width:34px;padding-right:0}.drag-handle{color:#566270;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:34px;padding:0;display:grid}.drag-handle:hover{color:var(--gold);background:#252e39}.drag-handle:active{cursor:grabbing}.drag-handle svg{stroke-width:2.8px;width:19px}.id-code,.copy-field code{font-family:DM Mono,monospace}.id-code{color:#f2cf7c}.workshop-id{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.steam-link{color:#687584;border-radius:5px;place-items:center;width:25px;height:25px;display:inline-grid}.steam-link:hover{color:var(--gold);background:var(--gold-soft)}.steam-link svg{width:14px}.tags{flex-wrap:wrap;gap:6px;min-width:150px;display:flex}.tag{color:#b7c2cf;background:#222b36;border-radius:5px;padding:4px 8px;font-size:11px}.tag.mod{color:#e3c376;background:#292516}.muted{color:#626e7c;font-style:italic}.status-toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.status-toggle input{opacity:0;position:absolute}.status-toggle>span{background:#333e4a;border-radius:20px;width:30px;height:17px;transition:all .2s;position:relative}.status-toggle>span:after{content:"";background:#8994a1;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.status-toggle input:checked+span{background:#6e5827}.status-toggle input:checked+span:after{background:var(--gold);left:16px}.status-toggle b{color:var(--muted);font-size:11px}.status-toggle input:checked~b{color:#d8bd7c}.row-actions{justify-content:flex-end;gap:4px;display:flex}.icon-button{color:#8894a2;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.icon-button:hover{color:#e9edf2;background:#252e39}.icon-button.danger:hover{color:var(--red);background:#301d22}.icon-button svg{width:17px}.empty-state{border-top:1px solid var(--border);text-align:center;padding:70px 24px 76px}.empty-icon{width:48px;height:48px;color:var(--gold);background:var(--gold-soft);border:1px dashed #66552f;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.empty-state h3{margin-bottom:7px;font-size:16px}.empty-state p{color:var(--muted);margin-bottom:20px;font-size:13px}.outputs{border:1px solid var(--border);background:#10161d;border-radius:14px;margin-top:26px;padding-bottom:24px}.live-badge{color:#87bd8a;text-transform:uppercase;background:#14281b;border:1px solid #27452f;border-radius:20px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.live-badge i{background:#62ba6d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #62ba6d}.output-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px;display:grid}.output-card{min-width:0}.output-label{color:#8f9ba8;justify-content:space-between;min-height:26px;font-size:11px;font-weight:700;display:flex}.output-label em{color:#7dc989;align-items:center;gap:3px;font-style:normal;display:inline-flex}.output-label em svg{width:13px}.copy-field{background:#0b1016;border:1px solid #303a47;border-radius:8px;align-items:stretch;height:48px;display:flex;overflow:hidden}.copy-field code{color:#d5dbe3;white-space:nowrap;scrollbar-width:none;flex:1;padding:14px;font-size:11px;overflow:auto}.copy-field button{color:#a7b2bf;background:#181f28;border:0;border-left:1px solid #303a47;flex:none;place-items:center;width:46px;display:grid}.copy-field button:hover{color:var(--gold);background:#212a35}.copy-field button svg{width:17px}.copy-error{color:var(--red);margin:12px 24px 0;font-size:12px}dialog{color:#e9edf2;background:var(--panel);border:1px solid #35404d;border-radius:14px;width:min(540px,100% - 30px);max-height:calc(100vh - 40px);padding:0;overflow:auto;box-shadow:0 30px 90px #000b}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080bc4}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.dialog-header h2{margin:0;font-size:22px}.form-body{gap:22px;padding:24px;display:grid}.field{gap:8px;display:grid}.field>span,.field-title>span{color:#cfd5dc;font-size:12px;font-weight:700}.field b,.field-title b{color:var(--gold)}.field-title{justify-content:space-between;align-items:center;display:flex}.field-title i{color:#65717e;margin-left:5px;font-size:10px;font-style:normal;font-weight:500}.field-title button{color:var(--gold);background:0 0;border:0;align-items:center;gap:3px;padding:3px;font-size:11px;font-weight:700;display:inline-flex}.field-title button svg{width:14px}input[type=text],input:not([type]){width:100%}.field input,.repeat-field input{color:#edf0f4;background:#0d1319;border:1px solid #313c49;border-radius:7px;height:42px;padding:0 12px;font-size:13px}.field input::placeholder,.repeat-field input::placeholder{color:#525e6b}.field input[aria-invalid=true]{border-color:#a5484f}.field-error{color:var(--red);font-size:11px}.repeat-field{gap:7px;display:flex}.repeat-field button{color:#7e8996;background:#171e27;border:1px solid #313c49;border-radius:7px;flex:none;place-items:center;width:40px;display:grid}.repeat-field button:hover:not(:disabled){color:var(--red);border-color:#63343a}.repeat-field button:disabled{opacity:.3;cursor:not-allowed}.repeat-field button svg{width:15px}.field-hint{color:#626e7c;margin:2px 0 0;font-size:11px}.active-check{cursor:pointer;background:#151c24;border:1px solid #2c3641;border-radius:8px;align-items:flex-start;gap:11px;padding:13px;display:flex}.active-check input{accent-color:var(--gold)}.active-check span{gap:2px;display:grid}.active-check b{font-size:12px}.active-check small{color:var(--muted);font-size:10px}.dialog-actions{border-top:1px solid var(--border);background:#0f151b;justify-content:flex-end;gap:9px;padding:16px 24px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.output-grid{grid-template-columns:1fr;gap:18px}.output-card{min-width:0}}@media (width<=650px){.panel-heading{flex-direction:column;align-items:flex-start}.panel-actions{width:100%}.panel-actions .primary{margin-left:auto}}@media (width<=560px){.app-shell{width:min(100% - 24px,1180px);padding-top:34px}.page-header{align-items:flex-start}.brand-mark{border-radius:13px;width:50px;height:50px;font-size:18px}.subtitle{font-size:12px}.panel-heading,.output-heading{padding:18px}.panel-heading .button{padding:0 9px}.button.compact{gap:0;font-size:0}.button.compact svg{width:17px}.file-message{margin-inline:18px}.output-grid{padding:0 18px}.live-badge{display:none}th,td{padding-inline:14px}.drag-cell{padding-right:0}.dialog-header,.form-body,.dialog-actions{padding-inline:18px}}