.vwfw-container { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji"; max-width: 920px; margin: 24px auto; padding: 0 12px; }
.vwfw-card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 1px 2px rgba(0,0,0,0.04); padding:20px; margin-bottom:16px; }
.vwfw-title { font-size:20px; font-weight:700; margin:0 0 6px; }
.vwfw-desc { font-size:13px; color:#6b7280; margin: 0 0 14px; }
.vwfw-grid { display:grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap:10px; }
@media (min-width:640px){ .vwfw-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width:900px){ .vwfw-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vwfw-option { text-align:left; border:1px solid #e5e7eb; border-radius:12px; padding:12px; background:#fff; cursor:pointer; }
.vwfw-option:hover { box-shadow:0 1px 6px rgba(0,0,0,0.06); }
.vwfw-option.active { border-color:#000; }
.vwfw-controls { display:flex; justify-content:space-between; align-items:center; gap:10px; margin: 10px 0 20px; position: sticky; bottom: 0; background: rgba(255,255,255,0.9); padding: 10px 0; backdrop-filter: blur(2px); }
.vwfw-btn { border-radius:10px; border:1px solid #111827; background:#111827; color:#fff; padding:10px 14px; cursor:pointer; }
.vwfw-btn.secondary { background:#fff; color:#111827; }
.vwfw-badge { display:inline-block; padding:4px 8px; border-radius:9999px; border:1px solid #e5e7eb; font-size:12px; color:#374151; }
.vwfw-note { font-size:12px; color:#6b7280; }
.vwfw-h6 { font-weight:600; font-size:14px; margin: 6px 0; }
.vwfw-checkbox-list { display:grid; grid-template-columns:1fr; gap:8px; }
@media (min-width:760px){ .vwfw-checkbox-list{ grid-template-columns: 1fr 1fr; } }
.vwfw-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.vwfw-inline { display:inline-flex; align-items:center; gap:8px; margin-right:12px; }
.vwfw-input, .vwfw-textarea, .vwfw-select { width:100%; border:1px solid #e5e7eb; border-radius:10px; padding:10px; font-size:14px; }
.vwfw-textarea { min-height:90px; }
.vwfw-progress { width:160px; height:8px; background:#e5e7eb; border-radius:9999px; overflow:hidden; }
.vwfw-progress > div { height:8px; background:#111827; }
.vwfw-pill { display:inline-block; padding:4px 8px; border:1px solid #e5e7eb; border-radius:9999px; margin:2px; font-size:12px; }
.vwfw-hr { border:0; border-top:1px solid #e5e7eb; margin:12px 0; }
.vwfw-small { font-size:12px; color:#6b7280; }
.vwfw-cat { font-weight:700; margin: 8px 0 6px; }
.vwfw-cat-wrap { border:1px solid #e5e7eb; border-radius:12px; padding:12px; background:#fafafa; }
.vwfw-actions-right { display:flex; gap:8px; }