.bg-editor{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.bg-editor button,.bg-editor-download a{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);cursor:pointer;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:600;line-height:1.3}.bg-editor button:hover:not(:disabled),.bg-editor button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--card))}.bg-editor button:disabled{opacity:.5;cursor:default}.bg-editor :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.bg-editor-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px;display:flex}.bg-editor-modes,.bg-editor-backgrounds{flex-wrap:wrap;gap:6px;display:flex}.bg-editor-layout{grid-template-columns:minmax(0,1fr) 320px;display:grid}.bg-editor-preview-column{min-width:0;padding:14px}.bg-editor-preview{border:1px solid var(--border);background:repeating-conic-gradient(#e7e9ee 0% 25%,#fff 0% 50%) 50%/18px 18px;border-radius:10px;justify-content:center;align-items:center;height:430px;display:flex;overflow:auto}.bg-editor-preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.bg-editor-preview[data-zoom=true]{display:block}.bg-editor-preview[data-zoom=true] img{max-width:none;max-height:none}.bg-editor-empty{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:12px;max-width:360px;margin:16px;padding:20px}.bg-editor-empty>span{color:var(--primary);font-size:32px}.bg-editor-empty button{margin:6px 2px 0}.bg-editor h2{font-size:16px;font-weight:700;line-height:1.4}.bg-editor p,.bg-editor small{color:var(--muted-foreground);font-size:12px;line-height:1.5}.bg-editor p{margin:6px 0 12px}.bg-editor-preview-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.bg-editor-preview-tools span{margin-right:auto;font-size:12px}.bg-editor-settings{border-left:1px solid var(--border);padding:18px}.bg-editor-range{flex-wrap:wrap;gap:8px;margin:16px 0;font-size:13px;display:flex}.bg-editor-range output{font-variant-numeric:tabular-nums;margin-left:auto}.bg-editor-range input{width:100%;min-height:28px;accent-color:var(--primary)}.bg-editor-check{align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.bg-editor-check input{width:17px;height:17px;accent-color:var(--primary)}.bg-editor fieldset{margin:12px 0}.bg-editor legend{margin-bottom:8px;font-size:12px;font-weight:600}.bg-editor-backgrounds button{flex:1;padding:7px;font-size:12px}.bg-editor-colour{align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.bg-editor-colour input{width:48px;height:44px}.bg-editor .bg-editor-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.bg-editor-apply{gap:8px;margin-top:16px;display:flex}.bg-editor-apply>button:first-child{flex:1}.bg-editor-download{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.bg-editor-download a{text-align:center;flex:1;align-content:center}.bg-editor-download small{width:100%}.bg-editor-download{flex-direction:column}.bg-editor-download a small{margin-top:4px;font-weight:400;display:block}.bg-editor-download>button{width:100%}.bg-editor-samples{margin-top:16px}.bg-editor-samples>div{flex-wrap:wrap;gap:8px;display:flex}.background-guide{gap:20px;display:grid}.background-guide h2{margin-bottom:12px;font-size:clamp(20px,3vw,26px);font-weight:750}.background-guide h3{margin-bottom:8px;font-weight:650}.background-guide p,.background-guide li{line-height:1.7}.background-guide p+p{margin-top:12px}.background-guide section{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:clamp(16px,3vw,28px)}.background-guide a,.background-nav a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.background-guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;display:grid}.background-guide ol,.background-guide ul{padding-left:22px}.background-guide ol{list-style:decimal}.background-guide ul{list-style:outside}.background-guide details{border-bottom:1px solid var(--border);padding:14px 0}.background-guide summary{cursor:pointer;font-weight:650}.background-guide details p{margin-top:10px}.background-nav{flex-wrap:wrap;gap:12px 20px;font-size:14px;display:flex}.bg-editor details{margin:12px 0;font-size:12px}.bg-editor summary{cursor:pointer;align-content:center;min-height:44px}.bg-editor-settings>a{color:var(--primary);text-underline-offset:3px;font-size:12px;text-decoration:underline;display:inline-block}.bg-editor .bg-editor-error{color:#b91c1c;background:#fef2f2;border-radius:6px;padding:8px}@media (width<=760px){.bg-remover-page main{padding:10px 12px 24px}.bg-remover-page main>section:first-of-type{border-radius:12px;padding:16px}.bg-remover-page h1{font-size:25px;line-height:1.2}.bg-remover-page main>section:first-of-type>p{font-size:12px;line-height:1.5}.bg-editor-toolbar{gap:8px;padding:8px}.bg-editor-modes{flex-wrap:nowrap;width:100%}.bg-editor-modes button{flex:1;padding:7px;font-size:12px}.bg-editor-toolbar>button{width:100%}.bg-editor-layout{display:block}.bg-editor-preview-column{padding:8px}.bg-editor-preview{height:230px}.bg-editor-empty{margin:8px;padding:12px}.bg-editor-empty>span{display:none}.bg-editor-empty h2{font-size:14px}.bg-editor-preview-tools button{padding:6px 8px;font-size:12px}.bg-editor-settings{border-left:0;border-top:1px solid var(--border);padding:12px}.bg-editor-settings>p{margin-bottom:8px}.bg-editor-range{gap:4px;margin:10px 0}}
