.dcpbw{--a:#58dbc3;--bg:#101722;--panel:#192434;--text:#f5f8fc;--muted:#b9c5d4;max-width:720px;margin:24px auto;padding:24px;color:var(--text);background:var(--bg);border:1px solid #34465f;border-radius:16px;box-shadow:0 16px 44px #0003;font:16px/1.55 system-ui,sans-serif}.dcpbw *{box-sizing:border-box}.dcpbw h2{margin:0 0 8px;color:var(--text)}.dcpbw p{color:var(--muted)}.dcpbw-notice,.dcpbw-consent{display:block;margin:16px 0;padding:14px;background:var(--panel);border:1px solid #3d506b;border-radius:10px}.dcpbw-notice{border-color:#8a6b25}.dcpbw-consent{cursor:pointer}.dcpbw-consent input{width:19px;height:19px;vertical-align:middle;accent-color:var(--a)}.dcpbw-actions{display:flex;gap:12px}.dcpbw button{min-height:44px;padding:9px 18px;border:0;border-radius:9px;font-weight:700;cursor:pointer}.dcpbw-start{color:#071612;background:var(--a)}.dcpbw-stop{color:var(--text);background:#34465f}.dcpbw button:disabled{opacity:.5;cursor:not-allowed}.dcpbw-status{display:flex;align-items:center;gap:9px;padding:12px;background:var(--panel);border-radius:9px}.dcpbw-status span{width:11px;height:11px;border-radius:50%;background:#91a1b5}.dcpbw[data-state=running] .dcpbw-status span{background:var(--a);box-shadow:0 0 0 5px #58dbc333}.dcpbw[data-state=warning] .dcpbw-status span,.dcpbw[data-state=starting] .dcpbw-status span,.dcpbw[data-state=stopping] .dcpbw-status span{background:#ffd166}.dcpbw[data-state=error] .dcpbw-status span{background:#ff7272}.dcpbw-log{max-height:240px;overflow:auto;padding:12px;color:#dce7f3;background:#080d14;border-radius:8px;white-space:pre-wrap}@media(max-width:600px){.dcpbw{padding:18px}.dcpbw-actions{display:grid}.dcpbw button{width:100%}}@media(prefers-reduced-motion:reduce){.dcpbw *{scroll-behavior:auto!important}}