.abg-wrap{--panel:#152238;--panel2:#1d2d47;--border:#344a68;--muted:#aebdd0;color:#fff}
.abg-header{padding:20px 22px;margin-bottom:14px;border:1px solid #213651;border-radius:12px;background:#0d1624}
.abg-header h1{margin:0 0 6px;color:#fff;font-size:28px}.abg-header h1 span{padding:4px 8px;border-radius:5px;background:#50a6ff;color:#07111f;font-size:12px;vertical-align:middle}.abg-header p{margin:0;color:var(--muted)}
.abg-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}
.abg-side,.abg-main{display:flex;flex-direction:column;gap:12px}
.abg-main{position:static;align-self:start}
.abg-card{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.abg-card h2{margin:0 0 13px;color:#fff;font-size:18px}
.abg-field{display:flex;flex-direction:column;gap:6px;margin-bottom:11px;color:#edf4fc;font-size:12px;font-weight:700}
.abg-field input,.abg-field select{width:100%;min-height:40px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:#fff;font:inherit}
.abg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.abg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.abg-toolbar p{margin:0;color:var(--muted)}
.abg-preview-wrap{min-height:360px;height:auto;max-height:620px;padding:16px;display:flex;align-items:center;justify-content:center;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#e9edf3}
.abg-preview-wrap canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.abg-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.abg-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.abg-metrics div{padding:13px;border:1px solid var(--border);border-radius:9px;background:#101b2c}
.abg-metrics strong,.abg-metrics span{display:block}.abg-metrics strong{font-size:20px}.abg-metrics span{color:var(--muted);font-size:12px}
.abg-help{margin:13px 0 0;color:var(--muted)}
.abg-preset-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:1100px){.abg-grid{grid-template-columns:1fr}.abg-main{position:static}.abg-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.abg-preview-wrap{height:auto;min-height:360px}}
@media(max-width:740px){.abg-side,.abg-row,.abg-metrics{grid-template-columns:1fr}.abg-preset-buttons{grid-template-columns:1fr}}

.abg-wrap{padding-bottom:40px}
.abg-main,.abg-side{min-width:0}
.abg-main{padding-bottom:8px}
.abg-preview-wrap{overflow:auto}



/* v1.1.3 normal document flow */
.abg-main .abg-card:first-child{position:static;top:auto;z-index:auto}
.abg-wrap{padding-bottom:36px}

/* Laser Tools Hub light interface */
.abg-wrap{--bg:#ffffff;--panel:#ffffff;--panel2:#f6f8fc;--border:#d7dfeb;--text:#14213a;--muted:#66758c;color:var(--text)}
.abg-header{background:#fff;border-color:#d7dfeb;box-shadow:0 8px 24px rgba(22,34,58,.06)}
.abg-header h1,.abg-card h2{color:#14213a}
.abg-header p,.abg-toolbar p,.abg-help{color:#66758c}
.abg-card{background:#fff;border-color:#d7dfeb;box-shadow:0 8px 24px rgba(22,34,58,.04)}
.abg-field,.abg-check{color:#24324a}
.abg-field input,.abg-field select,.abg-field textarea{background:#f6f8fc;color:#14213a;border-color:#cbd6e5}
.abg-canvas-wrap,.abg-preview-wrap{background:#eef3f9;border-color:#d7dfeb}
.abg-metrics div,.abg-fit-results div,.abg-values span{background:#f7f9fc;border-color:#d7dfeb}