.hero-background{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;pointer-events:none;transition:opacity .25s}.hero-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,39,.8),rgba(3,17,35,.4) 55%,rgba(2,11,21,.68))}.hero>*:not(.hero-background){position:relative;z-index:1}.settings-trigger{position:fixed;z-index:20;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff38;border-radius:999px;background:#071a2eef;color:white;padding:12px 17px;font:600 13px "DM Sans";box-shadow:0 8px 30px #0007;cursor:pointer;backdrop-filter:blur(12px)}.settings-trigger:hover{border-color:var(--cyan);color:var(--cyan)}.settings-dialog{width:min(92vw,520px);border:1px solid #ffffff22;border-radius:22px;padding:0;background:#07182c;color:white;box-shadow:0 30px 90px #000b}.settings-dialog::backdrop{background:#010810c9;backdrop-filter:blur(5px)}.settings-panel{padding:28px}.settings-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.settings-heading p{font-size:10px;letter-spacing:2px;color:var(--cyan);margin:0 0 6px}.settings-heading h2{font-size:28px;margin:0}.close-settings{border:0;background:transparent;color:#8da3bc;font-size:30px;cursor:pointer;line-height:1}.settings-help{color:#aebed0;line-height:1.5;font-size:14px}.upload-field{display:grid;place-items:center;border:1px dashed #3a5a78;border-radius:15px;padding:24px;margin:22px 0;cursor:pointer;background:#0a2039}.upload-field:hover{border-color:var(--cyan)}.upload-icon{font-size:28px;color:var(--cyan)}.upload-field strong{margin:7px 0 3px}.upload-field small{color:#8399b2}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #ffffff16;font-size:14px}.setting-row select{border:1px solid #36506a;border-radius:9px;background:#0b223b;color:white;padding:9px 30px 9px 11px}.slider-row{display:block}.slider-row label{display:flex;justify-content:space-between;margin-bottom:12px}.slider-row output{color:var(--cyan)}.slider-row input{width:100%;accent-color:var(--cyan)}.settings-message{min-height:20px;margin:5px 0;color:#ffbd7a;font-size:13px}.settings-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.settings-actions .primary-button{cursor:pointer;padding:12px 22px}.reset-button{border:0;background:transparent;color:#aebed0;text-decoration:underline;cursor:pointer}.reset-button:hover{color:white}@media(max-width:480px){.settings-trigger{right:14px;bottom:14px}.settings-panel{padding:22px}.settings-heading h2{font-size:24px}}