.bgr-container{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.bgr-upload-zone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:4rem 2rem;text-align:center;cursor:pointer;background:var(--bg-base);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bgr-upload-zone:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 40%,transparent)}.bgr-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}@media (max-width: 960px){.bgr-grid{grid-template-columns:1fr}}.bgr-sidebar{background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 10px 30px #0000000a}.bgr-tool-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:.85rem;display:flex;flex-direction:column;gap:.65rem}.bgr-tool-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);display:flex;align-items:center;justify-content:space-between}.bgr-btn-group{display:flex;gap:.35rem;background:var(--bg-base);padding:4px;border-radius:var(--r-md);border:1px solid var(--border)}.bgr-tool-btn{flex:1;padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-2);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.3rem}.bgr-tool-btn.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent)}.bgr-main-panel{display:flex;flex-direction:column;gap:1rem}.bgr-top-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:.75rem 1.25rem;flex-wrap:wrap;gap:.75rem}.bgr-viewport-wrap{background:repeating-conic-gradient(#cbd5e1,#cbd5e1 25%,#fff 0%,#fff 50%) 50% / 16px 16px;border-radius:var(--r-xl);border:1.5px solid var(--border);display:flex;justify-content:center;align-items:center;min-height:460px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000f}.bgr-bg-presets{display:flex;gap:.5rem;flex-wrap:wrap}.bgr-preset-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.bgr-preset-dot:hover,.bgr-preset-dot.active{transform:scale(1.18);border-color:var(--accent);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 40%,transparent)}.bgr-sample-card{background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:.75rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.bgr-sample-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 40%,transparent)}