.dp08r27-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px;align-items:start}
.dp08r27-field{display:grid;gap:8px;font-weight:700;margin:18px 0}
.dp08r27-field select,.dp08r27-manual input,.dp08r27-preview input{width:100%;box-sizing:border-box;min-height:45px;border:1px solid #cfdde8;border-radius:10px;padding:10px;background:white}
.dp08r27-camera{background:#101f2c;color:white;border-radius:14px;padding:12px;text-align:center;margin:16px 0}
.dp08r27-camera video{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
.dp08r27-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dp08r27-actions button{flex:1;min-width:180px}
.dp08r27-manual{border-top:1px solid #e2eaf0;margin-top:20px;padding-top:16px}
.dp08r27-manual summary{cursor:pointer;font-weight:700;color:#0a6674}
.dp08r27-manual form{margin-top:15px}
.dp08r27-preview{border:1px solid #bee4e4;background:#f5fbfb;border-radius:14px;padding:18px;margin-top:16px}
.dp08r27-preview>strong{font-size:1.4rem;display:block;margin-top:10px}
.dp08r27-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.dp08r27-stats>div{background:white;border:1px solid #d9e8ec;padding:12px;border-radius:10px;display:grid;gap:4px}
.dp08r27-stats small{color:#697d8c}.dp08r27-stats strong{font-size:1.3rem}
#r27-activity ul{padding-left:20px;max-height:260px;overflow:auto}#r27-activity li{padding:6px 0;border-bottom:1px solid #e6eef2}
@media(max-width:900px){.dp08r27-layout{grid-template-columns:1fr}}
@media(max-width:500px){.dp08r27-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dp08r27-stats>div{padding:8px}.dp08r27-stats strong{font-size:1.1rem}}