/* V16.2 — real interactive brief configurator */
.dv-config-editor{align-self:stretch;display:flex;flex-direction:column}
.dv-config-editor #dv-code-content{min-height:220px;max-height:275px;overflow:auto;flex-shrink:0;padding:19px 23px;font-size:12px;line-height:1.64;background:#031224}
.dv-config-form{border-top:1px solid #254b76;background:linear-gradient(160deg,#0a2344,#06182d);padding:22px 24px 23px;display:flex;flex-direction:column;gap:16px}
.dv-config-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dv-config-kicker{font-size:10px;letter-spacing:1.65px;font-weight:850;color:#63caff}
.dv-config-top h3{font-size:22px;line-height:1.2;margin:5px 0 0;color:#fff;letter-spacing:-.6px}
.dv-live-flag{color:#66e3c3;background:#11394e;border:1px solid #1b716e;border-radius:50px;padding:5px 9px;font-size:9px;letter-spacing:.5px;font-weight:800;white-space:nowrap}
.dv-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dv-config-fields label{display:flex;flex-direction:column;gap:7px;color:#c3d7ea;font-weight:650;font-size:11px}
.dv-config-fields select{width:100%;min-width:0;background:#0c3057;border:1px solid #366994;border-radius:9px;color:#fff;padding:11px 12px;font-size:12px}
.dv-config-extras{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.dv-config-extras legend{font-size:11px;font-weight:750;color:#dceaff;margin-bottom:10px}
.dv-config-extras label{display:flex;min-width:0;align-items:center;gap:8px;padding:10px;border:1px solid #2a507b;border-radius:9px;color:#edf6ff;background:#0b2a4a70;cursor:pointer;font-size:11px;flex-wrap:wrap}
.dv-config-extras label:hover{border-color:#4c98ca}
.dv-config-extras input{width:15px;height:15px;flex:none;accent-color:#42bfff}
.dv-config-extras label>span{flex:1;min-width:100px;line-height:1.35}
.dv-config-extras label>small{font-weight:720;color:#8fd4ff;font-size:10px;white-space:nowrap}
.dv-config-estimate{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #258bd1;border-radius:11px;background:linear-gradient(100deg,#082d57,#0d4380a8);flex-wrap:wrap}
.dv-config-estimate>div{display:flex;flex-direction:column;gap:5px}
.dv-config-estimate>div>span{font-size:11px;color:#badbf5}
.dv-config-estimate strong{font-size:25px;line-height:1.16;color:#fff;letter-spacing:-1px}
.dv-config-estimate p{margin:0;font-size:10px;line-height:1.55;color:#c6dafa;max-width:255px}
.dv-config-actions{display:flex;gap:10px;flex-wrap:wrap}
.dv-config-actions button{font-size:11px;font-weight:800;min-height:39px;border:0;border-radius:8px;cursor:pointer;padding:10px 13px}
.dv-config-actions #dv-config-send{background:#48beff;color:#001630;flex:1}
.dv-config-actions .dv-config-copy{color:#cfeaff;background:#174171;border:1px solid #376da0}
.dv-config-actions button:hover{filter:brightness(1.1)}
.dv-config-note{font-size:10px;line-height:1.6;color:#9dbad5;margin:0;min-height:20px}
.dv-config-form select:focus-visible,.dv-config-form input:focus-visible,.dv-config-form button:focus-visible{outline:2px solid #65dfff;outline-offset:3px}
.dv-footer-bottom a{color:#81d5ff;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
@media(max-width:1020px){.dv-dev-layout{align-items:start}}
@media(max-width:720px){.dv-config-editor #dv-code-content{font-size:11px;min-height:210px;max-height:250px}.dv-config-form{padding:20px 16px}.dv-config-fields{grid-template-columns:1fr}.dv-config-extras{grid-template-columns:1fr 1fr}.dv-config-extras label{padding:8px}.dv-config-extras label>span{min-width:75px}.dv-config-estimate strong{font-size:23px}}
@media(max-width:420px){.dv-config-extras{grid-template-columns:1fr}.dv-config-actions button{width:100%}.dv-config-estimate p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.dv-config-actions button{transition:none}}