.vl-panel { --vl-gold:#d8bb80; --vl-border:rgba(216,187,128,.3); margin-top:20px; color:inherit; }
.vl-panel h2,.vl-panel h3,.vl-panel h4 { color:var(--vl-gold); }
.vl-draft { border:1px solid var(--vl-border); border-radius:16px; padding:18px; margin:18px 0; background:rgba(10,9,7,.6); }
.vl-items { display:grid; gap:12px; margin:18px 0; }
.vl-item { display:flex!important; align-items:flex-start; gap:12px; padding:14px; border:1px solid var(--vl-border); border-radius:12px; }
.vl-item input { flex:0 0 auto; width:20px!important; height:20px; margin-top:4px; accent-color:var(--vl-gold); }
.vl-item span { min-width:0; flex:1; }
.vl-panel p,.vl-panel small { overflow-wrap:anywhere; white-space:pre-wrap; }
.vl-panel summary { cursor:pointer; color:var(--vl-gold); padding:8px 0; }
.vl-panel details p { padding-left:10px; border-left:2px solid var(--vl-border); }
.vl-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.vl-actions button { min-height:44px; }
.vl-warning { border-left:3px solid var(--vl-gold); padding:10px; margin:14px 0; }
.vl-compare section { border-top:1px solid var(--vl-border); padding:12px 0; }
.vl-compare section>div { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.vl-compare article { min-width:0; padding:12px; border-radius:10px; background:rgba(216,187,128,.06); }
@media(max-width:600px) { .vl-draft { padding:12px; } .vl-compare section>div { grid-template-columns:1fr; } .vl-actions button { width:100%; } }