.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.studio-rack-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-rack-card>button{max-width:100%;white-space:normal}
.studio-rack-card{box-sizing:content-box}
#studio-overview:not(.show-connections) .link-line,#studio-overview:not(.show-connections) .link-line-label,#studio-overview .opposite-face-device{display:none}
.studio-rack-card svg{overflow:hidden}.studio-selected-device>.device-face{stroke:#f59e0b;stroke-width:3px}.studio-dialog fieldset,.equipment-specs{margin:12px 0;padding:12px;border:1px solid #cbd5e1;border-radius:8px;min-width:0}.studio-dialog legend,.equipment-specs legend{font-weight:600;padding:0 6px}.shelf-device{cursor:pointer}.shelf-device .device-port{fill:#b7d7ed;stroke:#365776;stroke-width:.5}.shelf-device .device-port.linked{fill:#f59e0b}
.fb-rack-demo{display:inline-flex;gap:5px;padding:0;background:none;border:0;flex-wrap:wrap}.fb-rack-demo button{font-size:12px;padding:6px 9px}
.catalog-item::before{display:none}.catalog-icon{width:25px;height:25px;flex-shrink:0;color:#315473}.catalog-item span{flex:1}.catalog-item small{color:#64748b}.catalog-item{background:#fff;border-color:#e2e8f0;min-height:44px}.catalog-item:hover{background:#edf5ff;border-color:#80a9df}
#studio-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid #cbd5e1;background:#f8fafc;flex-shrink:0}#studio-toolbar button{min-height:32px;border:1px solid #cbd5e1;border-radius:6px;background:white;color:#243e60;padding:5px 9px;cursor:pointer}#studio-toolbar button.active{background:#1d4ed8;color:white}#studio-toolbar .studio-separator{height:22px;border-left:1px solid #cbd5e1;margin:0 3px}#studio-save-status{margin-inline-start:auto;color:#52647b;font-size:11px}#studio-zoom-value{min-width:42px;text-align:center;font:12px monospace}
#workspace{position:relative;display:block!important;overflow:auto!important;padding:26px 16px 16px}#rack-container{width:max-content;min-width:0!important;margin:auto;padding:12px!important}#rack-svg{max-width:none}#studio-overview{display:flex;gap:18px;align-items:flex-start;width:max-content;min-width:100%;justify-content:center}.studio-rack-card{padding:10px;background:white;border:2px solid #dce4ed;border-radius:10px;cursor:pointer;flex-shrink:0}.studio-rack-card.active{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.studio-rack-card h3{font-size:13px;margin:0 0 10px;max-width:260px}.studio-rack-card svg{display:block}.studio-rack-card button{font-size:11px;padding:4px 7px;margin-bottom:8px}.studio-rack-card .rack-device{cursor:pointer}
#studio-inspector{width:310px;flex-shrink:0;border-left:1px solid #cbd5e1;background:white;overflow:auto;padding:16px}#studio-inspector[hidden]{display:none}#studio-inspector h2{font-size:16px;margin:0 0 12px}#studio-inspector label,.studio-form label{display:grid;gap:4px;font-size:12px;color:#475569;margin-bottom:9px}#studio-inspector input,#studio-inspector select,.studio-form input,.studio-form select,.studio-form textarea{width:100%;padding:8px;border:1px solid #bccbdd;border-radius:5px;box-sizing:border-box;font:inherit;min-width:0}#studio-inspector button{margin:4px 4px 4px 0;padding:7px 10px}.studio-form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.studio-actions button,.studio-dialog button{padding:7px 11px;border:1px solid #bac9db;border-radius:6px;background:#f8fafc;color:#243e60;cursor:pointer}.studio-dialog{width:min(1050px,94vw);max-height:88vh;border:0;border-radius:12px;padding:22px;box-shadow:0 20px 90px #0f172a55;color:#172c45}.studio-dialog::backdrop{background:#0f172a80}.studio-dialog h2{font-size:21px;margin-top:0}.studio-dialog h3{font-size:15px}.studio-dialog table{border-collapse:collapse;width:100%;font-size:12px}.studio-dialog td,.studio-dialog th{text-align:start;border-bottom:1px solid #dce4ed;padding:8px;overflow-wrap:anywhere}.studio-dialog input:not([type=checkbox]),.studio-dialog select,.studio-dialog textarea{padding:7px;border:1px solid #c2cfdd;border-radius:5px;max-width:100%;box-sizing:border-box}.studio-dialog input[type=number]{width:85px}.studio-dialog .table-scroll{overflow:auto;max-height:55vh}.studio-dialog footer{display:flex;justify-content:flex-end;margin-top:16px}.studio-message{color:#a32323;white-space:pre-wrap}.studio-muted{font-size:12px;color:#607089;line-height:1.5}.studio-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.studio-stat{padding:14px;background:#eff5fc;border-radius:8px}.studio-stat b{display:block;font-size:20px}.studio-issue{padding:9px;border-left:3px solid #3b82f6;background:#eff6ff;margin:8px 0}.studio-issue.error{border-color:#dc2626;background:#fff1f2}.studio-issue.warning{border-color:#d97706;background:#fffbeb}.studio-traced{stroke:#e11d48!important;stroke-width:3px!important}.studio-dim{opacity:.2}.studio-focus #sidebar{display:none}.studio-focus #app>header{display:none}.studio-focus #studio-toolbar{position:sticky;top:0;z-index:5}.studio-tour{background:#edf5ff;border:1px solid #a8c7f0;border-radius:8px;padding:12px;margin-bottom:12px}.studio-language-ar #studio-toolbar,.studio-language-ar .studio-dialog,.studio-language-ar #studio-inspector{direction:rtl}.studio-language-ar input,.studio-language-ar .table-scroll{direction:ltr}
@media(max-width:900px){#studio-inspector{position:fixed;right:0;top:0;bottom:0;z-index:200;max-width:90vw;box-shadow:-8px 0 30px #0003}#studio-toolbar{position:sticky;top:0;z-index:30}#studio-toolbar button{min-height:40px}.studio-dialog{padding:15px}.studio-form{grid-template-columns:1fr}#workspace{min-height:65vh}#studio-save-status{flex-basis:100%}}
@media print{#studio-toolbar,#studio-inspector,#studio-overview,.studio-dialog{display:none!important}}
@media(max-width:760px){#app>header>div:first-child{flex-wrap:wrap;gap:8px}#app>header .control-group{flex-wrap:wrap}.app-logo{font-size:18px}.kpi-group{margin-inline-start:auto}#studio-toolbar{flex-wrap:nowrap;overflow-x:auto;max-width:100%;box-sizing:border-box;white-space:nowrap}#studio-toolbar>*{flex-shrink:0}#studio-save-status{flex-basis:auto}#workspace{box-sizing:border-box}#sidebar{max-height:230px}}