:root{
  --day-bg:#ffffff; --day-panel:#f7f9fb; --day-text:#0b1220; --accent:#2563eb;
  --night-bg:#071025; --night-panel:#0b1020; --night-text:#ffffff; --night-accent:#7c3aed;
}
body:not(.dcwp-night){ --bg:var(--day-panel); --text:var(--day-text); --accent-var:var(--accent); }
body.dcwp-night{ --bg:var(--night-panel); --text:var(--night-text); --accent-var:var(--night-accent); }
*{box-sizing:border-box}
.dcwpv10-container{max-width:1100px;margin:18px auto;padding:18px;background:linear-gradient(135deg,var(--bg),rgba(0,0,0,0.02));color:var(--text);border-radius:12px;font-family:Inter,Arial,Helvetica,sans-serif;transition:all 260ms ease;}
.dcwpv10-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.dcwpv10-title{margin:0;font-size:20px;font-weight:800}
.dcwpv10-nav a{color:var(--text);text-decoration:none;margin:0 8px;font-weight:600}
.dcwpv10-toggle button{padding:8px 10px;border-radius:8px;border:none;background:linear-gradient(90deg,var(--accent-var),#06b6d4);color:#021426;cursor:pointer}
.dcwpv10-main{display:grid;grid-template-columns:1fr;gap:14px}
.card{background:var(--bg);padding:14px;border-radius:12px;box-shadow:0 6px 30px rgba(10,10,20,0.04)}
.dcwpv10-tool{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:center}
.dcwpv10-leftcol, .dcwpv10-rightcol{flex:1 1 320px;max-width:560px}
.dcwpv10-drop{width:100%;padding:18px;border-radius:12px;border:2px dashed rgba(0,0,0,0.06);background:var(--bg);min-height:120px;display:flex;align-items:center;justify-content:center}
.dcwpv10-btn{padding:12px 16px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--accent-var),#06b6d4);color:#021426;font-weight:900;cursor:pointer}
.dcwpv10-progress-bar{background:rgba(0,0,0,0.04);border-radius:10px;overflow:hidden;height:36px;margin-top:8px}
.dcwpv10-progress-bar div{height:36px;width:0;background:linear-gradient(90deg,var(--accent-var),#06b6d4);text-align:center;line-height:36px;font-weight:800;color:#021426}
.dcwpv10-opts{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.dcwpv10-opts label{font-size:13px;font-weight:600}
.dcwpv10-opts input{padding:6px 8px;border-radius:8px;border:1px solid rgba(0,0,0,0.1);min-width:120px}
.dcwpv10-debug{margin-top:8px;font-size:12px;color:#7c3aed;word-break:break-word}
.dcwpv10-footer{margin-top:12px;text-align:center;color:var(--text);font-weight:700}
.dcwpv10-preview img{max-width:100%;height:auto;display:block;margin-top:8px;border-radius:8px}
@media(min-width:900px){ .dcwpv10-main{grid-template-columns:2fr 1fr} }
@media(max-width:899px){ .dcwpv10-tool{flex-direction:column} .dcwpv10-btn{width:100%} }