.background-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.background-choice{position:relative;min-height:72px;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:12px;overflow:hidden;background:#111;color:#fff;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.background-choice:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28);box-shadow:0 10px 24px rgba(0,0,0,.22)}.background-choice.active-background{border-color:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.28)}.background-choice-preview{position:absolute;inset:0;background-size:cover;background-position:center}.background-choice-label{position:absolute;left:9px;right:9px;bottom:8px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.8)}.background-choice[data-background-preset=solid] .background-choice-preview{background:#0a0a0a}.background-choice[data-background-preset=gradient] .background-choice-preview{background:linear-gradient(135deg,#111827,#26324a 48%,#09090b)}.background-choice[data-background-preset=spotlight] .background-choice-preview{background:radial-gradient(circle at 50% 42%,#3d4658 0,#171b25 38%,#050505 100%)}.background-choice[data-background-preset=aurora] .background-choice-preview{background:radial-gradient(circle at 20% 25%,#3159b8 0,transparent 36%),radial-gradient(circle at 80% 40%,#7140a8 0,transparent 40%),radial-gradient(circle at 42% 80%,#1d806f 0,transparent 36%),#090d18}.background-choice[data-background-preset=grid] .background-choice-preview{background-color:#0b0b0b;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px}.background-choice[data-background-preset=grain] .background-choice-preview{background:radial-gradient(circle at 50% 40%,#262626,#090909 75%)}.background-choice[data-background-preset=grain] .background-choice-preview:after{content:"";position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.background-colour-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.035)}.background-colour-control label{margin:0}.background-colour-control input[type=color]{width:38px;height:28px;padding:2px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:transparent;cursor:pointer}@media(max-width:760px){.background-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}