.dzcc{
 color:#eef7ff;
}
.dzcc-head{
 display:flex;
 justify-content:space-between;
 gap:24px;
 align-items:flex-start;
 margin-bottom:18px;
}
.dzcc-head h2{
 margin:4px 0 8px;
 font-size:30px;
}
.dzcc-head p{
 margin:0;
 color:#86a9c5;
}
.dzcc-eyebrow{
 color:#28c7ff;
 font-size:12px;
 font-weight:900;
 letter-spacing:2px;
}
.dzcc-status{
 display:flex;
 gap:10px;
 align-items:center;
 flex-wrap:wrap;
}
.dzcc-status span,
.dzcc-status strong{
 padding:9px 14px;
 border:1px solid #20445b;
 border-radius:999px;
 background:#0a1d2a;
}
.dzcc-status span{
 color:#8ca9bd;
}
.dzcc-status strong{
 color:#29caff;
}
.dzcc-note{
 border:1px solid #1d4c63;
 background:rgba(19,105,140,.12);
 border-radius:14px;
 padding:14px 16px;
 margin:18px 0 22px;
 color:#a9c9db;
}
.dzcc-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:16px;
}
.dzcc-card{
 border:1px solid #1d394c;
 background:#0d1e2b;
 border-radius:17px;
 padding:20px;
}
.dzcc-card h3{
 margin:0 0 17px;
 font-size:17px;
}
.dzcc-fields{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
}
.dzcc-field{
 display:flex;
 flex-direction:column;
 gap:7px;
}
.dzcc-field>span{
 color:#b8d0df;
 font-weight:700;
 font-size:13px;
}
.dzcc-field small,
.dzcc-toggle small{
 color:#668ca5;
 line-height:1.4;
}
.dzcc-field input,
.dzcc-field select{
 width:100%;
 box-sizing:border-box;
 background:#081721;
 border:1px solid #21465d;
 color:#eef8ff;
 border-radius:10px;
 padding:11px 12px;
 outline:none;
}
.dzcc-field input:focus,
.dzcc-field select:focus{
 border-color:#24bff5;
}
.dzcc-switches{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
}
.dzcc-toggle{
 display:flex;
 justify-content:space-between;
 gap:15px;
 align-items:center;
 padding:11px 12px;
 background:#091923;
 border:1px solid #183a4d;
 border-radius:11px;
}
.dzcc-toggle div{
 display:flex;
 flex-direction:column;
 gap:3px;
}
.dzcc-toggle input{
 width:20px;
 height:20px;
 accent-color:#18c58e;
}
.dzcc-top{
 margin-top:14px;
}
.dzcc-summary{
 display:grid;
 grid-template-columns:auto 1fr;
 gap:10px 16px;
 padding:14px;
 background:#091923;
 border-radius:11px;
}
.dzcc-summary span{
 color:#6f95ad;
}
.dzcc-summary strong{
 text-align:right;
}
.dzcc-expert{
 margin-top:17px;
 border:1px solid #1d394c;
 background:#0d1e2b;
 border-radius:17px;
 overflow:hidden;
}
.dzcc-expert summary{
 cursor:pointer;
 display:flex;
 justify-content:space-between;
 gap:20px;
 padding:17px 20px;
 font-weight:800;
}
.dzcc-expert summary small{
 color:#678ba3;
 font-weight:500;
}
#dzcc-raw{
 width:calc(100% - 40px);
 min-height:430px;
 margin:0 20px 15px;
 box-sizing:border-box;
 resize:vertical;
 border:1px solid #21465d;
 border-radius:11px;
 background:#06121b;
 color:#c9e7f7;
 padding:16px;
 font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.dzcc-expert-actions{
 padding:0 20px 18px;
}
.dzcc-actions{
 position:sticky;
 bottom:10px;
 z-index:20;
 display:flex;
 align-items:center;
 gap:12px;
 margin-top:18px;
 padding:13px 15px;
 border:1px solid #23536d;
 border-radius:14px;
 background:rgba(8,24,34,.96);
 backdrop-filter:blur(12px);
 box-shadow:0 12px 35px rgba(0,0,0,.28);
}
#dzcc-message{
 flex:1;
 color:#8eb1c7;
}
.dzcc-actions button,
.dzcc-expert-actions button{
 border-radius:10px;
 padding:11px 16px;
 cursor:pointer;
}
.dzcc-loading,
.dzcc-error{
 padding:28px;
 border:1px solid #1d394c;
 border-radius:17px;
 background:#0d1e2b;
 display:flex;
 flex-direction:column;
 gap:10px;
}
@media(max-width:900px){
 .dzcc-grid{grid-template-columns:1fr}
 .dzcc-fields{grid-template-columns:1fr}
 .dzcc-switches{grid-template-columns:1fr}
 .dzcc-head{flex-direction:column}
 .dzcc-actions{flex-wrap:wrap}
 #dzcc-message{flex-basis:100%}
}