.ro-fsv{--primary:#0a5eb0;--accent:#00c6b7;font-family:Inter,Arial,sans-serif;max-width:1280px;margin:30px auto;color:#222}.ro-fsv-header{padding:28px;border-radius:22px;background:var(--title-bg1,#0a5eb0);background:linear-gradient(135deg,var(--title-bg1,#0a5eb0),var(--title-bg2,#00c6b7));box-shadow:0 12px 35px rgba(0,0,0,.10);margin-bottom:22px}.ro-fsv-header{background:var(--title-bg1,#0a5eb0);background:linear-gradient(135deg,var(--title-bg1,#0a5eb0),var(--title-bg2,#00c6b7))}.ro-fsv[style*="--title-bg-mode:solid"] .ro-fsv-header{background:var(--title-bg1,#0a5eb0)}.ro-fsv-company{font-size:13px;text-transform:uppercase;letter-spacing:1.6px;color:#777}.ro-fsv h2{margin:7px 0;font-size:30px;color:#fff}.ro-fsv-header p,.ro-fsv-header .ro-fsv-company{color:rgba(255,255,255,.88)}.ro-fsv-header p{margin:0;color:rgba(255,255,255,.88)}.ro-fsv-grid{display:grid;grid-template-columns:320px 1fr;gap:22px}.ro-fsv-controls{display:flex;flex-direction:column;gap:14px}.ro-fsv-card,.ro-fsv-preview-card,.ro-fsv-config,.ro-fsv-details{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:18px}.ro-fsv-card label{display:block;font-weight:700;margin-bottom:8px}.ro-fsv-card select,.ro-fsv-text,.ro-fsv-card input[type=file],.ro-fsv-modal input,.ro-fsv-modal textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:12px;padding:11px;background:#fff}.ro-fsv-wall-list{display:flex;gap:8px;flex-wrap:wrap}.ro-fsv-wall{width:35px;height:35px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer}.ro-fsv-actions{display:grid;gap:9px}.ro-fsv-btn{border:0;border-radius:12px;padding:12px 14px;background:#2b2b2b;color:#fff;cursor:pointer;font-weight:700}.ro-fsv-btn.secondary{background:#f0f0f0;color:#222}.ro-fsv-btn.accent{background:var(--accent);color:#fff}.ro-fsv-preview{position:relative;overflow:hidden;border-radius:16px;min-height:480px;background:#eee}.ro-fsv-preview canvas{width:100%;height:auto;display:block}.ro-fsv-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#777;font-size:18px;z-index:2}.ro-fsv-config{margin-top:14px}.ro-fsv-details{margin-top:14px;line-height:1.8}.ro-fsv-note{font-size:12px;color:#777;margin:12px 4px}.ro-fsv-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;align-items:center;justify-content:center}.ro-fsv-modal.open{display:flex}.ro-fsv-modal-inner{width:min(520px,92vw);background:#fff;border-radius:20px;padding:25px;position:relative}.ro-fsv-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.ro-fsv-modal form{display:grid;gap:10px}.ro-fsv-modal textarea{min-height:110px}@media(max-width:800px){.ro-fsv-grid{grid-template-columns:1fr}.ro-fsv-preview{min-height:300px}}

.ro-fsv-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.ro-fsv-swatch{border:2px solid transparent;background:#fff;border-radius:14px;padding:7px;cursor:pointer;text-align:left;box-shadow:0 5px 14px rgba(0,0,0,.07);transition:.18s}.ro-fsv-swatch:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(10,94,176,.18)}.ro-fsv-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,198,183,.22),0 9px 20px rgba(10,94,176,.18)}.ro-fsv-swatch img,.ro-fsv-swatch>span{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#eee}.ro-fsv-swatch b{display:block;font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#263238}.ro-fsv-swatch-empty{background:linear-gradient(135deg,#eee,#ddd)!important}@media(max-width:800px){.ro-fsv-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.ro-fsv-swatch b{font-size:9px}}
.ro-fsv-choice-row{display:grid;grid-template-columns:1fr 105px;gap:8px}.ro-fsv-source-select{font-size:12px}.ro-fsv-custom-upload{margin-top:10px;padding:10px;border:1px dashed #b9c7d8;border-radius:12px;background:#f7fbff}.ro-fsv-upload-status{display:block;font-size:12px;color:var(--accent);font-weight:700;margin-top:6px}.ro-fsv-wall-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ro-fsv-wall-picker input[type=color]{width:46px;height:46px;padding:3px;border:1px solid #ddd;border-radius:12px;background:#fff;cursor:pointer}.ro-fsv-btn{background:var(--ro-btn-bg,var(--primary));color:var(--ro-btn-text,#fff)}.ro-fsv-btn.accent{background:var(--ro-btn-accent-bg,var(--accent));color:var(--ro-btn-accent-text,#fff)}