.control-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;margin-inline:5px;box-shadow:inset 0 1px 1px #fff8,0 1px 2px #0005;vertical-align:middle;background:#89918c}
.control-dot.yellow{background:#e1b921}.control-dot.orange{background:#df7e20}.control-dot.red{background:#bf3935}.control-dot.green{background:#527b50}
.control-panel{box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:16px;overflow:auto;border:1px solid #ad9778;border-radius:14px;color:#30343a;background:#f2efde;font:14px/1.45 'Golos Text',sans-serif}
.control-panel::backdrop{background:#27292ab3}
.control-panel h2{font-size:20px;margin:0 0 12px}.control-panel h3{font-size:16px;margin:0}.control-panel p{font-size:13px;line-height:1.45;white-space:pre-wrap}
.control-panel article{border:1px solid #ad977870;border-radius:10px;margin:12px 0;padding:12px;overflow-wrap:anywhere}
.control-panel label{display:block;font-size:13px;margin:10px 0}.control-panel label :is(input,select,textarea){display:block;box-sizing:border-box;width:100%;font:inherit;padding:9px;margin-top:4px;border-radius:8px;border:1px solid #ad9778}
.control-panel textarea{min-height:85px}.control-panel .control-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.control-panel button{min-height:42px;padding:8px 12px;font:inherit;background:#eae6ca;border:1px solid #bcb6a3;border-radius:9px;color:inherit;box-shadow:2px 3px 5px #393a3328,inset 1px 1px 1px #fff8;margin:4px 0}
.control-panel .control-error{color:#932d25}.control-open{display:flex;align-items:center;gap:5px}
@media(max-width:650px){.control-panel{padding:12px}.control-panel h2{font-size:18px}.control-panel .control-actions button{flex:1 1 120px}}