/* SPDX-License-Identifier: GPL-3.0-only */
.browser-installer{margin:0 0 2rem;border:1px solid #71528a;border-radius:12px;padding:clamp(20px,3vw,34px);background:linear-gradient(130deg,#21152d,#130f1d);color:#e5d8ee}
.browser-installer h3{font-size:clamp(1.4rem,3vw,2rem);margin:8px 0 12px;color:#fff}
.browser-installer p{line-height:1.6;max-width:78ch}
.installer-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.installer-release{color:#b7ff42;font-size:.8rem;letter-spacing:.08em}
.installer-steps{margin:24px 0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;counter-reset:install}
.installer-steps>li{min-width:0;padding-top:18px;border-top:1px solid #45304f;counter-increment:install}
.installer-steps h4{font-size:1.1rem;margin:0 0 12px;color:#fff}
.installer-steps h4:before{content:'0' counter(install) ' / ';color:#b99aca}
.installer-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}
.browser-installer button,.browser-installer .installer-link{min-height:44px;padding:10px 18px;border-radius:6px;border:1px solid #8b68a3;background:#34213f;color:#fff;font:inherit;cursor:pointer;text-decoration:none}
.browser-installer button:hover:not(:disabled),.browser-installer .installer-link:hover{border-color:#b7ff42;background:#432c50}
.browser-installer button:disabled{opacity:.48;cursor:not-allowed}
.browser-installer button:focus-visible,.browser-installer a:focus-visible,.browser-installer input:focus-visible,.browser-installer select:focus-visible{outline:2px solid #b7ff42;outline-offset:3px}
.browser-installer .installer-primary{background:#b7ff42;color:#14101b;border-color:#b7ff42;font-weight:700}
.browser-installer .installer-primary:hover:not(:disabled){background:#d0ff81;color:#14101b}
.installer-ports{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.installer-ports label{display:grid;gap:8px;min-width:0}
.installer-ports select{width:100%;min-height:44px;padding:8px;background:#18101f;border:1px solid #76518d;color:#f1e4ff;border-radius:6px;font:inherit}
.installer-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:15px 0;max-width:80ch}
.installer-check input{margin-top:6px;width:18px;height:18px;flex:0 0 auto;accent-color:#b7ff42}
.backup-file-label{display:grid;gap:12px;margin:18px 0;max-width:100%;overflow-wrap:anywhere}
.backup-file-label input{min-width:0;width:100%;max-width:100%;font:inherit;font-size:.9rem}
.browser-installer details{margin:14px 0;color:#baa8c6;line-height:1.6}
.browser-installer summary{cursor:pointer;padding:8px 0}
.installer-feedback{border-top:1px solid #45304f;padding-top:16px}
#installer-status{color:#d5f4b1;margin:8px 0;min-height:2.5em}
#installer-device{overflow-wrap:anywhere;color:#d0b2e4}
#installer-progress{width:100%;height:6px;accent-color:#b7ff42}
#installer-log{max-height:220px;overflow-y:auto;padding:0 0 0 24px;font-size:.85rem;overflow-wrap:anywhere}
#installer-log li{margin-bottom:8px}
.installer-confirm{width:min(580px,calc(100% - 32px));max-height:85vh;overflow:auto;background:#1b1224;color:#e9dcef;border:1px solid #9e7aae;border-radius:12px;padding:24px}
.installer-confirm::backdrop{background:#08050de3}
.installer-confirm h3{margin-top:0}
.installer-confirm #install-now{border-color:#e2a478}
.installer-confirm p{overflow-wrap:anywhere}
.browser-installer [hidden]{display:none!important}
@media(max-width:600px){.installer-ports{grid-template-columns:1fr}.browser-installer{padding:18px}.installer-actions>*{max-width:100%}.installer-steps h4{font-size:1rem}}

.installer-prep{padding-left:1.25rem;max-width:76ch;line-height:1.6}
.installer-prep li{margin:8px 0}
.installer-next{padding:12px 14px;border-left:3px solid #b7ff42;background:#ffffff08;color:#e4f3d6;border-radius:0 6px 6px 0}