/* Application chrome only. Digi element colors and geometry come from the INI. */
:root{--ink:#202d40;--muted:#778395;--line:#e4e9ef;--accent:#087f8c;--accent-soft:#e4f4f3;--nav:#152336;--surface:#fff}
body{background:#eef1f5;color:var(--ink);font:13px 'Segoe UI',system-ui,sans-serif;line-height:1.45}
body header{display:flex;align-items:center;gap:16px;padding:22px 30px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 2px 12px #1a2d4505}
.brandMark{display:grid;place-items:center;position:relative;width:46px;height:46px;border-radius:14px;background:var(--nav);color:white;font-size:30px;font-weight:700;letter-spacing:-3px;box-shadow:0 5px 12px #1523361a}.brandMark span{color:#6be1cc;position:absolute;right:8px;bottom:1px}
.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}body header h1{font-size:22px;font-weight:650;letter-spacing:-.7px;margin:2px 0}body header p{font-size:12px;color:var(--muted);margin:0}.headerMeta{margin-left:auto;display:flex;gap:12px;align-items:center}.modelPill{padding:8px 12px;background:#f3f5f8;border:1px solid var(--line);border-radius:8px;color:#506073;font-size:11px;letter-spacing:.3px}.modelPill strong{margin-left:5px;color:var(--accent)}.localPill{color:#697a8d;font-size:11px;display:flex;gap:6px;align-items:center}.localPill i{width:6px;height:6px;background:#22aa86;border-radius:50%}
body main{grid-template-columns:240px minmax(360px,1fr) 310px;gap:18px;padding:22px;max-width:2100px;margin:auto;align-items:start}body .panel{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface);box-shadow:0 4px 18px #1d2f4404;min-width:0}body .panel h2{font-size:16px;font-weight:650;letter-spacing:-.3px}body .panel h3{font-size:13px;font-weight:650;letter-spacing:-.15px;margin:18px 0 12px}body label{font-size:11px;font-weight:600;color:#69788c}body input,body select{border:1px solid #dfe5ec;border-radius:7px;background:#f9fafc;color:var(--ink);padding:9px 10px;margin:5px 0 12px;font:12px 'Segoe UI',system-ui;transition:border-color .15s,box-shadow .15s}body input:focus,body select:focus,body textarea:focus{outline:none;border-color:#22a4ac;box-shadow:0 0 0 3px #139ea315}body button{font-size:11px;font-weight:600;border-radius:7px;border:1px solid #dce4eb;background:#fff;color:#506076;padding:8px 11px;transition:background .15s,border-color .15s,box-shadow .15s}body button:hover{background:#f3f8fa;border-color:#aac5d1}body button:focus-visible,body summary:focus-visible,body .importLabel:focus-within{outline:2px solid #1698a5;outline-offset:3px}body button:disabled{opacity:.4;cursor:default}body .primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 7px #087f8c15}body .primary:hover{background:#096c79;border-color:#096c79}body button.primary:disabled{box-shadow:none}
body .library{background:var(--nav);border-color:var(--nav);color:#e3ecf7;position:sticky;top:18px;padding:18px 14px;box-shadow:0 10px 24px #15233612}.library .panelHeading{padding:2px 4px 16px}.library .panelHeading h2{margin:4px 0 0;color:#fff}.library .eyebrow{color:#79babf}.library label{color:#96a8bf}.library input,.library select{background:#1e3047;border-color:#2c3e56;color:#e1eaf5}.library input::placeholder{color:#8295ae}.library select{color-scheme:dark}.library #count{color:#8195ad;font-size:10px;margin:0 3px 12px}.library #list{height:calc(100vh - 385px);min-height:250px;scrollbar-width:thin;scrollbar-color:#42556e transparent;padding-right:3px}.library #list button{background:transparent;color:#aabbd0;border:1px solid transparent;font:11px ui-monospace,Consolas,monospace;line-height:1.65;border-radius:6px;padding:8px 9px;margin:3px 0}.library #list button:hover{background:#20354e;color:#e7eff9}.library #list button.active{background:#234952;border-color:#326169;color:#abf4e6;box-shadow:inset 3px 0 #62d6c4}
.workspaceHeading{display:flex;align-items:center;justify-content:space-between;gap:8px}.resolutionPill{font:10px ui-monospace,Consolas,monospace;background:#f0f5f6;color:#548087;border:1px solid #e0ecee;border-radius:5px;padding:4px 7px}body #title{font:12px ui-monospace,Consolas,monospace;line-height:1.7;color:#53657a;border-bottom:1px solid var(--line);padding:10px 0 14px;margin:0 0 12px}body .toolbar{gap:6px;margin:9px 0;align-items:center}body .viewToolbar{margin-bottom:12px}body .graphicTools{border:1px solid var(--line);border-radius:9px;background:#fafbfd;padding:10px 12px;margin:0 0 18px}.graphicTools .toolbar:first-child{border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:0}.graphicTools .toolbar label{font-size:10px;white-space:nowrap}.graphicTools .toolbar input,.graphicTools .toolbar select{padding:5px 7px;margin:0;font-size:11px}.graphicTools .toolbar input[type=checkbox]{accent-color:var(--accent)}body .graphicTools .hint{font-size:10px;color:#8793a3;margin:10px 0 0}body .importLabel{font-size:11px;font-weight:600;color:#506076;padding:8px 11px;border:1px solid #dce4eb;border-radius:7px;background:#fff}
body #stageWrap{background:#dfe5ec;background-image:radial-gradient(#b8c3d2 1px,transparent 1px);background-size:14px 14px;border:1px solid #d7dfe9;border-radius:9px;padding:8px;scrollbar-width:thin;scrollbar-color:#acb9ca #dfe5ec}body #stage{box-shadow:0 3px 12px #21324a22}.element.selected{outline-color:#09a39f!important}.element:focus{outline-color:#09a39f!important}body .resizeHandle{background:#0ba5a0;border:2px solid white;width:12px;height:12px;border-radius:3px;box-shadow:0 1px 4px #193d4b33}
body #event{border-radius:7px;border:1px solid #dcebee;background:#f0f7f8;color:#4c7880;padding:10px 12px;font-size:11px;line-height:1.6;margin-top:14px}body .referenceDetails{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fbfcfd}body summary{font-size:11px;font-weight:600;color:#6a7c91;cursor:pointer}body pre{border-radius:6px;border:1px solid #e3e9ef;background:#f4f7fa;color:#567087;font-size:11px;line-height:1.75}body .hint{font-size:11px;line-height:1.7;color:#8793a3}body #breadcrumb{font-size:12px;color:#66808e;padding:12px 0}body #menuItems button{border-radius:9px;padding:16px;background:#f9fbfc;border-color:#e0e8ef;color:#486276;min-height:74px}body #menuItems button:hover{background:var(--accent-soft);border-color:#9fcecc;color:#086b74}
body .inspector{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#c4ced9 transparent}body .graphicProperties{padding-bottom:8px;border-bottom:none}body .graphicProperties>h3:first-child{font-size:16px;margin:0 0 18px;font-weight:650}body .fieldGrid{gap:10px}body #applyGraphic{width:100%;margin:2px 0 6px}body #deleteElement{color:#b36a65}body #graphicMessage{background:#f4f7fa;padding:9px 10px;border-radius:7px;margin-top:6px}body textarea{background:#f7fafc;border-color:#e0e7ed;border-radius:7px;color:#486276;font-size:11px;line-height:1.7;min-height:150px}body #sourceEditor{min-height:260px}body #editStatus{font-size:11px;line-height:1.7;color:var(--accent)}body .advancedEditor{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:12px;background:#fbfcfd}body .advancedEditor h3{font-size:12px}
@media(min-width:1700px){body main{grid-template-columns:265px minmax(360px,1fr) 340px;gap:24px;padding:28px}}
@media(max-width:1150px){body main{grid-template-columns:220px minmax(320px,1fr)}body .inspector{grid-column:1/-1;position:static;max-height:none}.graphicProperties .fieldGrid{grid-template-columns:1fr 1fr}body .library{top:12px}}
@media(max-width:700px){body header{padding:16px;gap:12px}body header h1{font-size:19px}.headerMeta{display:none}body main{display:block;padding:12px}body .panel{margin-bottom:14px}.library{position:static!important}.library #list{height:180px;min-height:0}body #menuItems{grid-template-columns:1fr 1fr}body .graphicTools .toolbar{gap:8px}body .graphicTools .hint{display:none}}
@media(prefers-reduced-motion:reduce){body *{transition:none!important}}