/* DRAW-1 — centralne ustawienia rysunków */
#drawing-settings-scrim{position:fixed;inset:0;z-index:246000;background:rgba(2,5,10,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;font-family:'JetBrains Mono',monospace;color:#dbe7f3}
#drawing-settings-modal{width:min(760px,96vw);max-height:min(88vh,880px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#101723,#080d15);border:1px solid rgba(61,204,240,.28);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 36px rgba(61,204,240,.1)}
.ds-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(232,176,75,.11),rgba(61,204,240,.05))}.ds-title{display:flex;align-items:center;gap:11px}.ds-title small{display:block;font-size:8px;letter-spacing:.18em;color:#7890a9;margin-bottom:3px}.ds-title strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.05em;color:#f3f7fb}.ds-type-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(61,204,240,.1);border:1px solid rgba(61,204,240,.24);font-size:17px;color:#5fe2ff}.ds-x{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#9badc1;font-size:21px;cursor:pointer}.ds-x:hover{color:#fff;border-color:rgba(240,60,85,.45);background:rgba(240,60,85,.12)}
.ds-tabs{display:flex;gap:5px;padding:8px 12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ds-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#718399;padding:9px 13px;font:700 10px 'JetBrains Mono',monospace;cursor:pointer}.ds-tabs button:hover{color:#dce8f5}.ds-tabs button.active{color:#5fe2ff;border-bottom-color:#3dccf0}
.ds-body{overflow:auto;padding:14px 16px 18px;scrollbar-width:thin}.ds-section{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);margin-bottom:11px}.ds-section h4{margin:0 0 11px;color:#e8b04b;font:800 10px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.ds-section p{font-size:10px;line-height:1.6;color:#8da0b5;margin:0 0 10px}.ds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ds-field{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#8092a8}.ds-field.ds-wide{margin-bottom:10px}.ds-field input:not([type=range]),.ds-field select,.ds-field textarea,.ds-point input{background:#090f18;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#dce7f2;padding:9px;font:600 11px 'JetBrains Mono',monospace;outline:none}.ds-field input:focus,.ds-field select:focus,.ds-field textarea:focus,.ds-point input:focus{border-color:#3dccf0;box-shadow:0 0 0 2px rgba(61,204,240,.08)}.ds-field input[type=color]{height:38px;padding:4px;cursor:pointer}.ds-field input[type=range]{width:100%;accent-color:#e8b04b}.ds-checks,.ds-radio-list{display:flex;flex-direction:column;gap:9px}.ds-checks label,.ds-radio-list label,.ds-tfs label{font-size:10px;color:#aab9c8;display:flex;align-items:center;gap:7px}.ds-checks input,.ds-radio-list input,.ds-tfs input{accent-color:#3dccf0}.ds-special{border-color:rgba(232,176,75,.25);background:rgba(232,176,75,.045)}.ds-special-btn{border:1px solid rgba(232,176,75,.4);border-radius:9px;background:linear-gradient(180deg,rgba(232,176,75,.18),rgba(232,176,75,.08));color:#ffd584;padding:9px 12px;font:800 10px 'JetBrains Mono',monospace;cursor:pointer}.ds-special-btn:hover{background:rgba(232,176,75,.22)}
.ds-help{color:#71869c!important}.ds-points{display:flex;flex-direction:column;gap:9px}.ds-point{display:grid;grid-template-columns:76px 1fr 1fr;gap:9px;align-items:end;padding:9px;border-radius:10px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}.ds-point>b{align-self:center;color:#5fe2ff;font-size:10px}.ds-point label{display:flex;flex-direction:column;gap:5px;color:#7f92a8;font-size:8px}.ds-tfs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px;padding:10px;border-radius:10px;background:rgba(61,204,240,.035);border:1px solid rgba(61,204,240,.1)}.ds-tfs.disabled{opacity:.35;pointer-events:none}.ds-current{margin-top:12px;color:#71869c;font-size:9px}.ds-current b{color:#d9e4ef}
.ds-foot{display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16)}.ds-spacer{flex:1}.ds-foot button{border-radius:9px;padding:8px 12px;font:800 10px 'JetBrains Mono',monospace;cursor:pointer}.ds-subtle{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#9aabba}.ds-primary{border:1px solid rgba(232,176,75,.45);background:linear-gradient(180deg,#f4c85c,#dca42c);color:#181108;box-shadow:0 6px 18px rgba(232,176,75,.18)}
#draw-props #dp-settings{color:#ffd584}.dp-position #dp-color,.dp-position #dp-width,.dp-position #dp-dash,.dp-position .dp-op{display:none!important}
@media(max-width:680px){#drawing-settings-scrim{padding:7px}.ds-grid{grid-template-columns:1fr}.ds-point{grid-template-columns:1fr}.ds-tfs{grid-template-columns:repeat(3,1fr)}}

/* DRAW-3 — szablony i ustawienia linii */
.ds-template-grid{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto auto;gap:7px;align-items:center}.ds-template-grid select,.ds-template-grid input{background:#090f18;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#dce7f2;padding:9px;font:600 10px 'JetBrains Mono',monospace}.ds-danger{border:1px solid rgba(240,60,85,.45);background:rgba(240,60,85,.1);color:#ff8fa1;border-radius:9px;padding:9px 12px;font:800 10px 'JetBrains Mono',monospace;cursor:pointer}.ds-template-status{min-height:16px;margin-top:7px;font-size:9px;color:#91a4b8}.ds-template-status[data-kind=ok]{color:#00c896}.ds-template-status[data-kind=error]{color:#f06a7e}@media(max-width:760px){.ds-template-grid{grid-template-columns:1fr 1fr}.ds-template-grid input{grid-column:1/-1}}

/* DRAW-4 — uniwersalny Box / strefa */
.ds-grid-spaced{margin-top:12px}.ds-status-reason{margin-top:10px!important;padding:8px 10px;border-radius:8px;background:rgba(61,204,240,.045);border:1px solid rgba(61,204,240,.12);color:#a9bacb!important}.ds-section select:disabled,.ds-section input:disabled{opacity:.45;cursor:not-allowed}
@media(min-width:900px){#drawing-settings-modal{width:min(840px,96vw)}}