:root{--bg: #0b1020;--panel: #121a33;--panel-2: #0f1730;--text: #e9eefc;--muted: #a8b3d6;--border: rgba(255,255,255,0.10);--accent: #6ea8ff;--ok: #3ddc97;--warn: #ffcc66;--bad: #ff6b6b;--shadow: 0 10px 30px rgba(0,0,0,0.35);--radius: 14px;--gap: 14px;--font: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color-scheme: dark}*{box-sizing: border-box}html,body{height: 100%}body{margin: 0;font-family: var(--font);color: var(--text);background: radial-gradient(1200px 700px at 15% 10%,rgba(110,168,255,0.20),transparent 55%),radial-gradient(900px 600px at 85% 30%,rgba(61,220,151,0.12),transparent 50%),var(--bg)}a{color: inherit;text-decoration: none}.container{max-width: 1180px;margin: 0 auto;padding: 18px}main.container{padding-top: 18px;padding-bottom: 30px;max-width: 1180px}vaadin-app-layout{min-height: 100vh}vaadin-app-layout::part(navbar){border: none;padding: 0;background: transparent}header[slot="navbar"]{position: sticky;top: 0;z-index: 10;width: 100%;margin: 0;padding: 0;background: rgba(11,16,32,0.70);backdrop-filter: blur(10px);border-bottom: 1px solid var(--border)}header[slot="navbar"] .container{max-width: 1440px;margin: 0 auto;padding: 8px 48px}.topbar{display: flex;align-items: center;justify-content: space-between;gap: var(--gap);padding: 8px 0}.brand{display: flex;align-items: baseline;gap: 10px;font-weight: 700;letter-spacing: 0.2px}.brand .name{font-size: 20px}.brand .tag{color: var(--muted);font-size: 12px;font-weight: 500}.server-meta{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 10px;font-size: 12px;color: var(--muted);text-align: right}.pill{display: inline-flex;align-items: center;gap: 8px;padding: 7px 10px;background: rgba(18,26,51,0.60);border: 1px solid var(--border);border-radius: 999px}.dot{width: 8px;height: 8px;background: var(--warn);border-radius: 999px;box-shadow: 0 0 0 3px rgba(255,204,102,0.15)}.dot.ok{background: var(--ok);box-shadow: 0 0 0 3px rgba(61,220,151,0.16)}.dot.bad{background: var(--bad);box-shadow: 0 0 0 3px rgba(255,107,107,0.16)}.dot.warn{background: var(--warn);box-shadow: 0 0 0 3px rgba(255,204,102,0.15)}nav{display: flex;flex-wrap: wrap;gap: 10px;padding-bottom: 8px}.navlink{padding: 8px 12px;color: var(--muted);border: 1px solid transparent;border-radius: 999px}.navlink.active{color: var(--text);background: rgba(18,26,51,0.70);border-color: var(--border)}.navlink[highlight],.navlink.router-link-active{color: var(--text);background: rgba(18,26,51,0.70);border-color: var(--border)}.navlink:hover{color: var(--text)}.stack{display: flex;flex-direction: column;gap: 8px}.pillline{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}.small{font-size: 13px;line-height: 1.4}footer{padding: 18px 0 28px;color: var(--muted);font-size: 12px}.grid{display: grid;gap: var(--gap);align-items: start}@media (min-width: 980px){.grid{grid-template-columns: 0.95fr 1.05fr}}.card{background: linear-gradient(180deg,rgba(18,26,51,0.90),rgba(15,23,48,0.78));border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden}.card-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 16px;background: rgba(18,26,51,0.75);border-bottom: 1px solid var(--border)}.card-title{font-size: 14px;font-weight: 700}.card-sub{margin-top: 2px;color: var(--muted);font-size: 12px}.card-body{padding: 14px 16px}.btns{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 10px}.list{display: grid;gap: 10px}.row{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 10px 12px;background: rgba(11,16,32,0.35);border: 1px solid var(--border);border-radius: 12px}.row .left{display: grid;gap: 2px}.row .title{font-size: 13px;font-weight: 650}.row .desc{color: var(--muted);font-size: 12px}.kv{display: grid;grid-template-columns: 170px 1fr;align-items: center;gap: 10px 14px;font-size: 13px}.kv .k{color: var(--muted)}.tree{background: rgba(11,16,32,0.25);border: 1px solid var(--border);border-radius: 12px;overflow: hidden}.tree-item{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 12px;border-top: 1px solid rgba(255,255,255,0.06)}.tree-item:first-child{border-top: none}.tree-left{display: flex;flex-direction: column;gap: 2px}.tree-name{font-size: 13px;font-weight: 650}.tree-meta{color: var(--muted);font-size: 12px}.config-tree-scroll{max-height: min(560px,54vh);overflow: auto;padding-right: 4px}code{font-family: var(--mono);font-size: 12px;padding: 4px 8px;border: 1px solid var(--border);border-radius: 10px;background: rgba(11,16,32,0.55)}.mono{font-family: var(--mono);font-size: 12px;line-height: 1.45;background: rgba(11,16,32,0.55);border: 1px solid var(--border);border-radius: 12px;padding: 12px;overflow: auto;white-space: pre}.hint{font-size: 12px;color: var(--muted);margin-top: 10px}.mods-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--gap);align-items: start}.mods-column{display: flex;flex-direction: column;gap: var(--gap);min-width: 0}.mods-card{height: auto;min-height: 0;align-self: stretch}@media (max-width: 980px){.mods-grid{grid-template-columns: 1fr}}.muted{color: var(--muted)}.modio-download-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 12px;align-items: center}.modio-url-input{width: 100%;min-width: 0}.modio-download-button{white-space: nowrap}@media (max-width: 760px){.modio-download-row{grid-template-columns: 1fr}.modio-download-button{width: 100%}}.mod-install-type-row{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: 16px;align-items: center;padding: 12px 0;border-top: 1px solid var(--border);margin-top: 8px}.mod-install-type-row .small{font-size: 16px;font-weight: 700}.mod-install-type-row .hint{margin-top: 4px;font-size: 13px}.mod-install-type-select,.mod-install-type-row vaadin-select{width: 100%}@media (max-width: 760px){.mod-install-type-row{grid-template-columns: 1fr}}.detected-mods-toolbar{display: grid;grid-template-columns: minmax(0,1fr) 200px;gap: 12px;align-items: center;width: 100%;margin-bottom: 12px}.detected-mods-search,.detected-mods-filter{width: 100%;min-width: 0}@media (max-width: 760px){.detected-mods-toolbar{grid-template-columns: 1fr}}.detected-mods-search::part(input-field){min-height: 42px;background: rgba(5,9,18,0.48);border: 1px solid var(--border);border-radius: 12px;box-shadow: none}.detected-mods-search::part(value){color: var(--text)}.detected-mods-search input::placeholder{color: rgba(168,179,214,0.8);opacity: 1}vaadin-select.detected-mods-filter::part(input-field){min-height: 42px;background: rgba(5,9,18,0.48);border: 1px solid var(--border);border-radius: 12px;box-shadow: none}vaadin-select.detected-mods-filter vaadin-select-value-button{color: var(--text)}.mods-detected-list{max-height: 460px;overflow: auto;padding-right: 4px}.mods-detected-list .action-row{min-height: 78px;padding: 12px 14px}.mods-detected-list .action-title{font-size: 15px;line-height: 1.25}.mods-detected-list .action-sub{font-size: 13px;line-height: 1.35}.mods-detected-list .pill{font-size: 13px;padding: 7px 10px;border-radius: 999px}.mods-detected-list .btns{display: flex;align-items: center;gap: 8px}.affected-files-list{max-height: 520px;overflow: auto;padding-right: 4px}.affected-files-list .action-row{min-height: 68px;padding: 12px 14px}.affected-files-list .action-title{font-family: var(--mono);font-size: 13px;line-height: 1.35;word-break: break-all}.affected-files-list .action-sub{font-size: 12px;line-height: 1.35;word-break: break-all}.affected-files-list .btns{display: flex;align-items: center;gap: 8px}.file-path{font-family: var(--mono);font-size: 13px;font-weight: 700;line-height: 1.4;word-break: break-all}.file-subtitle{font-size: 12px;line-height: 1.4;word-break: break-all}.custom-mapping-panel{display: flex;flex-direction: column;gap: 12px;padding: 12px 0 0 0;border-top: 1px solid var(--border);margin-top: 2px}.custom-mapping-header{display: flex;flex-direction: column;gap: 4px}.custom-mapping-header .small{font-size: 16px;font-weight: 700}.current-rules-list{margin: 4px 0 8px 0;max-height: 240px;overflow: auto;border: 1px solid var(--border);border-radius: 12px;background: rgba(0,0,0,0.15)}.current-rules-list .action-row{min-height: 48px;padding: 8px 14px;border-bottom: 1px solid var(--border)}.current-rules-list .action-row:last-child{border-bottom: none}.rule-paths{display: flex;flex-wrap: wrap;gap: 4px;font-family: var(--mono);font-size: 13px;line-height: 1.4;word-break: break-all}.rule-source{color: #8bb4ff}.rule-target{color: #7ef09d}.mapping-mode-switch{display: flex;justify-content: center;gap: 1px;background: rgba(0,0,0,0.2);padding: 3px;border-radius: 12px;border: 1px solid var(--border);margin: 4px 0}.mapping-mode-switch vaadin-button,.mapping-mode-switch button{flex: 1;border-radius: 9px;border: none;background: transparent;color: var(--muted);font-weight: 600;transition: all 0.2s;height: 36px;margin: 0}.mapping-mode-switch vaadin-button.active,.mapping-mode-switch button.active{background: rgba(110,168,255,0.15);color: #8bb4ff;box-shadow: 0 2px 8px rgba(0,0,0,0.2)}.mapping-mode-switch vaadin-button:hover:not(.active),.mapping-mode-switch button:hover:not(.active){background: rgba(255,255,255,0.05)}.custom-mapping-form,.custom-mapping-box{display: flex;flex-direction: column;gap: 8px;height: auto;min-height: 0;justify-content: flex-start;align-items: stretch;padding: 12px;border: 1px solid var(--border);border-radius: 14px;background: rgba(11,16,32,0.35)}.custom-mapping-form>*,.custom-mapping-box>*{flex: 0 0 auto}.custom-mapping-form vaadin-text-field,.custom-mapping-form vaadin-combo-box,.custom-mapping-form vaadin-select,.custom-mapping-box vaadin-text-field,.custom-mapping-box vaadin-combo-box,.custom-mapping-box vaadin-select{width: 100%;margin: 0;flex: 0 0 auto}.custom-mapping-form .input,.custom-mapping-form .select,.custom-mapping-box .input,.custom-mapping-box .select{width: 100%;min-width: 0;flex: 0 0 auto}.custom-mapping-box vaadin-text-field::part(label),.custom-mapping-box vaadin-combo-box::part(label),.custom-mapping-form vaadin-text-field::part(label),.custom-mapping-form vaadin-combo-box::part(label){margin-bottom: 2px;font-size: 12px;color: var(--muted)}.custom-mapping-box vaadin-button,.custom-mapping-box button,.custom-mapping-form vaadin-button,.custom-mapping-form button{align-self: flex-start;margin-top: 4px}.custom-mapping-file-select{width: 100%;min-width: 0}.custom-mapping-file-select::part(input-field){min-height: 42px;height: 42px;background: rgba(5,9,18,0.48);border: 1px solid var(--border);border-radius: 12px}.custom-mapping-file-select::part(value){color: var(--text);font-family: var(--font);font-size: 14px;font-weight: 600}.custom-mapping-file-select input::placeholder{color: rgba(168,179,214,0.8);opacity: 1}.folder-form{border-color: rgba(110,168,255,0.2);background: rgba(110,168,255,0.03)}.custom-mapping-panel .controls{display: flex;justify-content: center}.page-head{display: flex;justify-content: space-between;align-items: flex-end;gap: 20px;margin-bottom: 24px;padding: 0 4px}.page-title{margin: 0 !important;font-size: 28px !important;font-weight: 800 !important;letter-spacing: -0.5px !important;color: var(--text) !important}.page-subtitle{font-size: 14px;color: var(--muted)}.mod-subsection{border-top: 1px solid var(--border);padding-top: 12px;margin-top: 2px}.mod-io-attach-form{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 10px;align-items: center;width: 100%}@media (max-width: 600px){.mod-io-attach-form{grid-template-columns: 1fr}}.mod-info-summary{display: flex;flex-direction: column;gap: 6px;padding: 10px 14px;background: rgba(255,255,255,0.03);border: 1px solid var(--border);border-radius: 12px}.mod-info-row{display: flex;justify-content: space-between;align-items: center;gap: 12px}.mod-info-label{font-size: 13px;font-weight: 600;color: var(--muted)}.mod-info-value{font-size: 14px;font-weight: 700}.mod-info-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-top: 2px}.mod-stat{display: flex;flex-direction: column;align-items: center;padding: 6px;background: rgba(5,9,18,0.2);border: 1px solid var(--border);border-radius: 10px;text-align: center}.mod-stat-label{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;color: var(--muted);margin-bottom: 2px}.mod-stat-value{font-family: var(--mono);font-size: 15px;font-weight: 800;color: var(--text)}@media (max-width: 600px){.mod-info-stats{grid-template-columns: repeat(2,1fr)}}.mods-selected{border-color: rgba(110,168,255,0.35);box-shadow: 0 0 0 3px rgba(110,168,255,0.10)}.mod-info-details{max-height: 480px;overflow-y: auto;overflow-x: hidden;padding-right: 4px}.mod-danger-zone{display: flex;justify-content: space-between;align-items: center;gap: 12px}@media (max-width: 600px){.mod-danger-zone{flex-direction: column;align-items: flex-start}}.configs-simple-container{display: flex;flex-direction: column;gap: var(--gap);max-width: 1000px;margin: 0 auto;width: 100%}.simple-config-header-info{padding: 0 20px 16px 20px;margin-bottom: 8px}.simple-config-list{display: flex;flex-direction: column;gap: 12px;padding: 0 20px 20px 20px}.config-group-title{margin: 20px 0 8px 0;font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.05rem;color: var(--text-dim);border-bottom: 1px solid var(--border-low);padding-bottom: 6px}.config-group-title:first-of-type{margin-top: 0}.simple-config-row{display: grid;grid-template-columns: 1fr 320px;gap: 20px;padding: 12px 16px;background: rgba(255,255,255,0.02);border-radius: 10px;border: 1px solid var(--border-low);align-items: center;transition: background 0.2s,border-color 0.2s}.simple-config-row:hover{background: rgba(255,255,255,0.04);border-color: var(--border)}.config-info{display: flex;flex-direction: column;gap: 2px}.config-label{font-weight: 600;font-size: 0.95rem;color: var(--text)}.config-description{font-size: 0.85rem;color: var(--text-dim);line-height: 1.4}.config-technical{margin-top: 2px}.config-input-area{display: flex;gap: 8px;align-items: center}.config-input-area vaadin-integer-field,.config-input-area vaadin-number-field,.config-input-area vaadin-text-field,.config-input-area vaadin-select{flex: 1;min-width: 0}.config-input::part(input-field){background: rgba(5,9,18,0.5) !important;border: 1px solid var(--border) !important;border-radius: 8px;min-height: 38px}.config-input::part(value),.config-input vaadin-select-value-button{color: var(--text) !important}.config-error{grid-column: 1 / -1;color: var(--bad);font-size: 0.8rem;margin-top: -8px;padding: 0 4px}.config-tree-scroll{max-height: 600px;overflow-y: auto}@media (max-width: 850px){.simple-config-row{grid-template-columns: 1fr;gap: 12px}.config-input-area{width: 100%}}.split{display: grid;align-items: start;gap: var(--gap)}@media (min-width: 980px){.split{grid-template-columns: 1fr 1fr}}.split>.stack:last-child{padding: 0;background: transparent;border: none}.split>.stack:last-child .mutted{margin: 0 0 8px 0;padding-left: 12px;color: var(--muted);font-size: 12px}.split>.stack:last-child .empty-log,.split>.stack:last-child .logs{padding: 12px;background: rgba(11,16,32,0.18);border: 1px solid var(--border);border-radius: 12px}.step-buttons{display: grid;gap: 10px}vaadin-button.step-btn{width: 100%;height: auto;background: rgba(11,16,32,0.25);border: 1px solid var(--border);border-radius: 14px;text-align: left}vaadin-button.step-btn::part(content){box-sizing: border-box;width: 100%;padding: 12px 14px}vaadin-button.step-btn::part(label){display: flex;align-items: center;justify-content: flex-start;gap: 12px;width: 100%;min-width: 0}vaadin-button.step-btn .step-n{display: inline-flex;flex: 0 0 28px;align-items: center;justify-content: center;width: 28px;height: 28px;color: var(--muted);font-size: 12px;font-weight: 700;background: rgba(18,26,51,0.55);border: 1px solid rgba(255,255,255,0.10);border-radius: 999px}vaadin-button.step-btn .step-text{display: flex;flex: 1 1 auto;flex-direction: column;gap: 2px;min-width: 0}vaadin-button.step-btn .step-title{font-size: 13px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}vaadin-button.step-btn .step-desc{color: var(--muted);font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}vaadin-button.step-btn .step-badge{display: flex;flex: 0 0 auto;justify-content: center;min-width: 64px;padding: 6px 10px;color: var(--muted);font-size: 12px;text-align: center;background: rgba(18,26,51,0.55);border: 1px solid rgba(255,255,255,0.10);border-radius: 999px}vaadin-button.step-btn.active{border-color: rgba(110,168,255,0.35);box-shadow: 0 0 0 3px rgba(110,168,255,0.10)}vaadin-button.step-btn.done{opacity: 0.85}vaadin-button.step-btn.done .step-n{color: var(--text);border-color: rgba(61,220,151,0.35)}vaadin-button.step-btn[disabled]{opacity: 0.55}vaadin-button.step-btn .step-badge.ok{color: var(--text);border-color: rgba(61,220,151,0.35)}vaadin-button.step-btn .step-badge.warn{color: var(--text);border-color: rgba(255,204,102,0.35)}.install-output{min-height: 360px;max-height: 520px;overflow: auto;padding: 14px 16px;border: 1px solid var(--border);border-radius: 14px;background: rgba(5,9,18,0.72);color: var(--text);font-family: var(--mono);font-size: 13px;white-space: pre-wrap;word-break: break-word;line-height: 1.45}.rcon-console{display: flex;flex-direction: column;height: min(620px,52vh);background: rgba(5,9,18,0.72);border: 1px solid var(--border);border-radius: 12px;overflow: hidden}.rcon-hints-scroll{max-height: min(620px,52vh);overflow: auto;padding-right: 4px}.rcon-output{flex: 1 1 auto;padding: 12px;font-family: var(--mono);font-size: 12px;line-height: 1.45;white-space: pre-wrap;word-break: break-word;overflow: auto}.rcon-line{margin: 0 0 4px 0;color: var(--text)}.rcon-line.command{color: var(--accent)}.rcon-line.response{color: var(--text)}.rcon-line.error{color: var(--bad)}.rcon-line.muted{color: var(--muted)}.rcon-command-row{display: flex;align-items: center;gap: 10px;padding: 10px;background: rgba(11,16,32,0.75);border-top: 1px solid var(--border)}.rcon-prompt{flex: 0 0 auto;color: var(--accent);font-family: var(--mono);font-size: 14px;font-weight: 700}vaadin-text-field.rcon-input{flex: 1 1 auto;min-width: 0;padding: 0;background: transparent;border: none;border-radius: 0;outline: none}vaadin-text-field.rcon-input::part(input-field){min-height: 38px;padding: 0 10px;color: var(--text);background: rgba(11,16,32,0.35);border: 1px solid var(--border);border-radius: 10px;box-shadow: none}vaadin-text-field.rcon-input input{color: var(--text);font-family: var(--mono);font-size: 13px}vaadin-text-field.rcon-input input::placeholder{color: rgba(168,179,214,0.85);opacity: 1}vaadin-text-field.rcon-input:focus-within::part(input-field){border-color: rgba(110,168,255,0.35);box-shadow: 0 0 0 3px rgba(110,168,255,0.10)}.rcon-grid{display: grid;gap: var(--gap)}@media (min-width: 980px){.rcon-grid{grid-template-columns: 7fr 3fr;align-items: start}}.editor{appearance: none;-webkit-appearance: none;width: 100%;min-height: 380px;padding: 12px;color: var(--text);color-scheme: dark;font-family: var(--font);font-size: 13px;line-height: 1.2;background: rgba(11,16,32,0.35);border: 1px solid var(--border);border-radius: 12px;outline: none;resize: vertical}.editor:focus{border-color: rgba(110,168,255,0.35);box-shadow: 0 0 0 3px rgba(110,168,255,0.12)}.input{appearance: none;-webkit-appearance: none;flex: 1 1 220px;padding: 10px 12px;color: var(--text);color-scheme: dark;font-family: var(--font);font-size: 13px;line-height: 1.2;background: rgba(11,16,32,0.35);border: 1px solid var(--border);border-radius: 12px;outline: none}.input::placeholder{color: rgba(168,179,214,0.75)}.input:focus{border-color: rgba(110,168,255,0.35);box-shadow: 0 0 0 3px rgba(110,168,255,0.12)}.logs{max-height: min(560px,54vh);font-family: var(--mono);word-break: break-word;white-space: pre-wrap;overflow: auto}.controls{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-bottom: 12px}.badge{display: inline-flex;align-items: center;gap: 8px;color: var(--muted);font-size: 12px}.service-unit-output{min-height: 420px;max-height: 620px;overflow: auto;padding: 14px 16px;border: 1px solid var(--border);border-radius: 14px;background: rgba(5,9,18,0.65);color: var(--text);white-space: pre-wrap;word-break: break-word;line-height: 1.45}vaadin-button{appearance: none;border: 1px solid var(--border);background: rgba(18,26,51,0.65);color: var(--text);border-radius: 10px;cursor: pointer;font-weight: 600;font-size: 13px}vaadin-button::part(content){padding: 9px 12px}vaadin-button:hover{border-color: rgba(255,255,255,0.18);background: rgba(18,26,51,0.85)}vaadin-button.primary{border-color: rgba(110,168,255,0.35);background: rgba(110,168,255,0.15)}vaadin-button.danger{border-color: rgba(255,107,107,0.35);background: rgba(255,107,107,0.12)}vaadin-button[disabled]{opacity: 0.55;cursor: not-allowed}vaadin-select.select{color-scheme: dark;flex: 0 0 220px}vaadin-select.select::part(input-field){height: 40px;min-height: 40px;padding: 0;border: 1px solid var(--border);border-radius: 12px;background: rgba(11,16,32,0.35)}vaadin-select.select vaadin-select-value-button>vaadin-select-item::part(content){width: 100%;padding: 0 12px;line-height: 40px;color: var(--text);background: transparent}vaadin-select.select::part(overlay){background: rgba(11,16,32,0.92);border: 1px solid var(--border);border-radius: 12px;box-shadow: var(--shadow)}vaadin-select-item{display: block}vaadin-select-item::part(content){display: flex;align-items: center;width: 100%;padding: 10px 12px;border-radius: 10px;color: var(--text)}vaadin-select-item:hover::part(content),vaadin-select-item[focused]::part(content){background: rgba(255,255,255,0.08)}vaadin-select-item[selected]::part(content),vaadin-select-item[aria-selected="true"]::part(content){background: rgba(110,168,255,0.18)}vaadin-select-item::part(checkmark),vaadin-select-item::part(prefix){display: none}vaadin-text-field.input{flex: 0 0 auto;width: 100%;min-width: 0;padding: 0;background: transparent;border: none;border-radius: 0;outline: none}.controls>vaadin-text-field.input,.modio-download-row>vaadin-text-field.input,.detected-mods-toolbar>vaadin-text-field.input{flex: 1 1 220px;min-width: 220px}vaadin-text-field.input::part(input-field){min-height: 42px;padding: 0 12px;color: var(--text);background: rgba(11,16,32,0.35);border: 1px solid var(--border);border-radius: 12px;box-shadow: none}vaadin-text-field.input::part(input-field)::after{display: none}vaadin-text-field.input input{color: var(--text);font-family: var(--font);font-size: 13px}vaadin-text-field.input input::placeholder{color: rgba(168,179,214,0.95);opacity: 1}vaadin-text-field.input:focus-within::part(input-field){border-color: rgba(110,168,255,0.35);box-shadow: 0 0 0 3px rgba(110,168,255,0.12)}vaadin-text-field.modio-url-input{--lumo-body-text-color: var(--text);--lumo-secondary-text-color: rgba(168,179,214,0.82);--lumo-disabled-text-color: rgba(168,179,214,0.55)}vaadin-text-field.modio-url-input::part(input-field){min-height: 44px;background: rgba(5,9,18,0.48);border: 1px solid var(--border);border-radius: 12px}vaadin-text-field.modio-url-input::part(value){color: var(--text)}vaadin-text-field.modio-url-input::part(input-field){color: var(--text)}vaadin-upload{width: 100%}vaadin-upload::part(drop-label){color: var(--muted)}vaadin-upload-file{--lumo-body-text-color: var(--text);--lumo-secondary-text-color: var(--muted);--lumo-disabled-text-color: var(--muted);--lumo-primary-text-color: var(--accent);--lumo-error-text-color: var(--bad);color: var(--text);background: rgba(11,16,32,0.72);border: 1px solid var(--border);border-radius: 14px;padding: 10px 12px;margin-top: 10px}vaadin-upload-file::part(row){color: var(--text);background: transparent}vaadin-upload-file::part(info){color: var(--text)}vaadin-upload-file::part(file-name){color: rgba(205,214,245,0.88);opacity: 1;font-weight: 500}vaadin-upload-file::part(status),vaadin-upload-file::part(meta){color: rgba(168,179,214,0.82);opacity: 1}vaadin-upload-file::part(commands){color: var(--text)}vaadin-upload-file::part(done-icon),vaadin-upload-file::part(error-icon){color: var(--text)}vaadin-upload-file::part(progress){background: rgba(110,168,255,0.16)}vaadin-upload-file::part(progress-bar){background: rgba(110,168,255,0.72)}vaadin-combo-box.mod-install-type-select,vaadin-combo-box.input,vaadin-combo-box.custom-mapping-file-select{color-scheme: dark;width: 100%;--lumo-body-text-color: var(--text);--lumo-secondary-text-color: var(--muted);--lumo-disabled-text-color: rgba(168,179,214,0.55);--lumo-primary-text-color: var(--accent);--lumo-primary-color: var(--accent);--lumo-base-color: rgba(11,16,32,0.92);--lumo-contrast-5pct: rgba(255,255,255,0.06);--lumo-contrast-10pct: rgba(255,255,255,0.10);--lumo-contrast-20pct: rgba(255,255,255,0.16)}vaadin-combo-box.mod-install-type-select::part(input-field),vaadin-combo-box.input::part(input-field),vaadin-combo-box.custom-mapping-file-select::part(input-field){height: 44px;min-height: 44px;padding: 0 12px;color: var(--text);background: rgba(11,16,32,0.35);border: 1px solid var(--border);border-radius: 12px;box-shadow: none}vaadin-combo-box.mod-install-type-select::part(input-field):hover,vaadin-combo-box.input::part(input-field):hover,vaadin-combo-box.custom-mapping-file-select::part(input-field):hover{border-color: rgba(110,168,255,0.28);background: rgba(11,16,32,0.48)}vaadin-combo-box.mod-install-type-select[focused]::part(input-field),vaadin-combo-box.input[focused]::part(input-field),vaadin-combo-box.custom-mapping-file-select[focused]::part(input-field){border-color: rgba(110,168,255,0.42);box-shadow: 0 0 0 3px rgba(110,168,255,0.12)}vaadin-combo-box.mod-install-type-select::part(value),vaadin-combo-box.input::part(value),vaadin-combo-box.custom-mapping-file-select::part(value){color: var(--text);font-family: var(--font);font-size: 14px;font-weight: 600}vaadin-combo-box.mod-install-type-select input,vaadin-combo-box.input input,vaadin-combo-box.custom-mapping-file-select input{color: var(--text) !important;font-family: var(--font);font-size: 14px;font-weight: 600}vaadin-combo-box.mod-install-type-select input::placeholder,vaadin-combo-box.input input::placeholder,vaadin-combo-box.custom-mapping-file-select input::placeholder{color: rgba(168,179,214,0.85);opacity: 1}vaadin-combo-box.mod-install-type-select::part(toggle-button),vaadin-combo-box.input::part(toggle-button),vaadin-combo-box.custom-mapping-file-select::part(toggle-button){color: var(--muted)}vaadin-combo-box.mod-install-type-select::part(toggle-button):hover,vaadin-combo-box.input::part(toggle-button):hover,vaadin-combo-box.custom-mapping-file-select::part(toggle-button):hover{color: var(--text)}vaadin-combo-box.mod-install-type-select::part(clear-button),vaadin-combo-box.input::part(clear-button),vaadin-combo-box.custom-mapping-file-select::part(clear-button){color: var(--muted)}vaadin-combo-box.mod-install-type-select input::-webkit-contacts-auto-fill-button,vaadin-combo-box.mod-install-type-select input::-webkit-credentials-auto-fill-button,vaadin-combo-box.input input::-webkit-contacts-auto-fill-button,vaadin-combo-box.input input::-webkit-credentials-auto-fill-button,vaadin-combo-box.custom-mapping-file-select input::-webkit-contacts-auto-fill-button,vaadin-combo-box.custom-mapping-file-select input::-webkit-credentials-auto-fill-button{visibility: hidden;display: none !important;pointer-events: none;position: absolute;right: 0}vaadin-combo-box-overlay{color-scheme: dark;--lumo-base-color: rgb(13,19,38);--lumo-body-text-color: var(--text);--lumo-secondary-text-color: var(--muted);--lumo-primary-color: var(--accent);--lumo-primary-text-color: var(--accent);--lumo-contrast-5pct: rgba(255,255,255,0.04);--lumo-contrast-10pct: rgba(255,255,255,0.08);--lumo-contrast-20pct: rgba(255,255,255,0.14);--lumo-contrast-30pct: rgba(255,255,255,0.20)}vaadin-combo-box-overlay::part(overlay){background: rgb(13,19,38);border: 1px solid var(--border);border-radius: 12px;box-shadow: var(--shadow)}vaadin-combo-box-overlay::part(content){max-height: 300px;padding: 6px;background: rgb(13,19,38)}vaadin-combo-box-item{color: var(--text);font-family: var(--font);font-size: 13px;--lumo-body-text-color: var(--text);--lumo-secondary-text-color: var(--muted);--lumo-primary-color: var(--accent);--lumo-primary-text-color: var(--accent);--lumo-base-color: rgb(13,19,38)}vaadin-combo-box-item::part(content){display: flex;align-items: center;width: 100%;min-height: 0;padding: 8px 10px;border-radius: 10px;color: var(--text);background: transparent;font-size: 13px;line-height: 1.25}vaadin-combo-box-item:hover::part(content),vaadin-combo-box-item[focused]::part(content){background: rgba(255,255,255,0.08)}vaadin-combo-box-item[selected]::part(content),vaadin-combo-box-item[aria-selected="true"]::part(content){background: rgba(110,168,255,0.18)}vaadin-combo-box-item::part(checkmark){color: var(--accent)}.archive-file-option{display: flex;flex-direction: column;gap: 2px;min-width: 0;max-width: 100%}.archive-file-name{color: var(--text);font-family: var(--font);font-size: 13px;font-weight: 700;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.archive-file-path{color: var(--muted);font-family: var(--mono);font-size: 11px;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}