.rack-workspace{min-width:0}.rack-workspace-toolbar{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;display:flex}.rack-workspace-toolbar h1{color:var(--ink);letter-spacing:-.5px;margin:0 6px 0 0;font-size:clamp(21px,1.6vw,26px);line-height:1}.rack-workspace-toolbar .button{min-height:32px;font-size:12px}.rack-workspace-toolbar .button-plus{font-size:14px}#rack-available-badge{color:#46697a;background:#e6f0f3;border-radius:9px;margin-left:4px;padding:1px 6px;font-size:11px}.rack-inspector-toggle{margin-left:auto}.rack-inspector-toggle[aria-pressed=true]{border-color:var(--green);background:#e7f4f8}.rack-workspace-add{flex:none}.rack-canvas-bar{margin-bottom:4px}.rack-canvas-bar .button:not(.button-small){min-height:30px;padding:4px 11px;font-size:12px}.rack-view-toggle{display:none}.rack-workspace-view{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 10px;display:flex}.rack-segmented{background:#f4f8f9;border:1px solid #e0e9ec;border-radius:7px;align-items:center;padding:2px;display:inline-flex}.rack-segmented-label{color:var(--muted);padding:0 6px 0 4px;font-size:11px;font-weight:600}.rack-segmented button{color:#456675;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:26px;padding:0 9px;font-size:12px;font-weight:600}.rack-segmented button[aria-pressed=true]{color:#fff;background:var(--green)}.rack-segmented button:disabled{opacity:.45;cursor:default}.rack-segmented button:focus-visible{outline:2px solid var(--green);outline-offset:1px}.rack-focus-note{max-width:180px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rack-workspace-check{color:#456675;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.rack-workspace-check input{width:16px;height:16px;accent-color:var(--green);margin:0}.rack-workspace-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid;position:relative}.rack-source-open .rack-workspace-body{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.rack-inspector-open .rack-workspace-body{grid-template-columns:minmax(0,1fr) 290px}.rack-source-open.rack-inspector-open .rack-workspace-body{grid-template-columns:minmax(220px,280px) minmax(0,1fr) 290px}.rack-workspace-inspector{min-width:0;display:none;position:sticky;top:72px}.rack-inspector-open .rack-workspace-inspector{display:block}.rack-workspace-source{min-width:0;position:sticky;top:72px}.rack-workspace-source .rack-inventory-panel{max-height:calc(100vh - 96px);padding:9px;overflow:auto}.rack-workspace-source .rack-available-list{grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible}.rack-workspace-back{display:none}.rack-source-tabs{background:#f4f8f9;border:1px solid #e0e9ec;border-radius:7px;gap:2px;margin-bottom:8px;padding:2px;display:flex}.rack-source-tabs button{white-space:nowrap;color:#456675;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;min-height:28px;padding:0 4px;font-size:12px;font-weight:600}.rack-source-tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #142d3826}.rack-source-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:1px}.rack-source-tabs span{color:var(--muted);margin-left:3px;font-size:11px}.rack-source-filters{flex-wrap:wrap;gap:5px;display:flex}.rack-source-filters input{flex:100%;min-width:0}.rack-source-filters input,.rack-source-filters select{height:30px;padding:0 8px;font-size:12px}.rack-source-filters select{flex:1 1 0;min-width:0}.rack-source-hint{color:var(--ink-soft);margin:6px 0;font-size:11px;line-height:1.35}.rack-source-empty{color:var(--ink-soft);margin:8px 0;font-size:12px}.rack-source-group h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:8px 0 4px;font-size:11px;font-weight:700}.rack-source-group{gap:6px;display:grid}.rack-source-template{cursor:default}.rack-source-accessories{gap:6px;display:grid}.rack-source-more{justify-self:start;margin-top:2px;font-size:12px}.rack-workspace-source .rack-available-item{padding:5px 6px}.rack-workspace-source .rack-available-copy strong{font-size:12px}.rack-workspace-source .rack-available-copy small{font-size:11px}.rack-workspace-source .rack-available-item .button{min-height:26px;padding:2px 9px;font-size:11px}.rack-inspector{max-height:calc(100vh - 96px);color:var(--ink);padding:10px 12px 12px;font-size:12px;overflow:auto}.rack-inspector-heading{min-height:24px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.rack-inspector-heading .close-button{width:26px;height:26px;font-size:18px}.rack-inspector h2{overflow-wrap:anywhere;margin:2px 0 0;font-size:17px;line-height:1.2}.rack-inspector h3{border-top:1px solid var(--line);margin:14px 0 6px;padding-top:10px;font-size:13px}.rack-inspector-sub{color:var(--ink-soft);margin:2px 0 8px;font-size:12px}.rack-inspector-sub .text-button,.rack-inspector-facts .text-button{text-align:left;padding:0;font-size:12px}.rack-inspector-empty{color:var(--ink-soft);margin:4px 0 0;font-size:12px;line-height:1.45}.rack-inspector-facts{grid-template-columns:max-content minmax(0,1fr);gap:4px 10px;margin:0 0 10px;display:grid}.rack-inspector-facts dt{color:var(--muted);font-weight:600}.rack-inspector-facts dd{overflow-wrap:anywhere;margin:0}.rack-inspector-status{color:#1d6b45;background:#e3f4ea;border-radius:9px;padding:1px 7px;font-weight:600}.rack-inspector-status[data-status=faulty],.rack-inspector-status[data-status=disabled]{color:#9c2f2f;background:#fbe7e7}.rack-inspector-status[data-status=investigate]{color:#855b06;background:#fdf1d6}.rack-inspector-actions,.rack-inspector-patch{flex-wrap:wrap;gap:5px;display:flex}.rack-inspector-patch{margin-bottom:8px}.rack-inspector .button-small{min-height:28px;font-size:12px}.rack-inspector-danger{color:#a33a3a}.rack-inspector-colors{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.rack-legend-toggle[aria-pressed=true]{border-color:var(--green);background:#e7f4f8}.rack-legend{color:var(--ink-soft);background:#f7fafb;border:1px solid #e3ecef;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:2px 0 6px;padding:6px 10px;font-size:12px;display:flex}.rack-legend-group{flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.rack-legend-group strong{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.rack-legend small{color:var(--muted)}.rack-legend-color{color:inherit;font:inherit;cursor:default;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:2px 6px;display:inline-flex}.rack-legend-color:hover,.rack-legend-color:focus-visible{background:#fff;border-color:#d6e4e9;outline:none}.rack-legend-color i{background:var(--cable-color);border-radius:2px;width:18px;height:4px;box-shadow:0 0 0 1px #142d3840}.rack-legend-mark{color:#c52222;font-size:14px;font-weight:900}.rack-legend-investigate{color:#b7790f}.rack-legend-note{color:var(--ink-soft)}.rack-details{z-index:7;border-top:1px solid var(--line);background:#fff;border-radius:0 0 12px 12px;margin:8px -8px -8px;position:sticky;bottom:0;box-shadow:0 -6px 16px #142d3814}.rack-details-bar{flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 10px;display:flex}.rack-details-tabs{gap:2px;display:flex}.rack-details-tabs button{color:#456675;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-height:26px;padding:0 10px;font-size:12px;font-weight:600}.rack-details-tabs button[aria-selected=true]{color:var(--ink);background:#eef5f7;border-color:#d6e4e9}.rack-details-scope{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.rack-details-bar .text-button{font-size:12px}.rack-details-body{max-height:min(34vh,320px);padding:0 10px 10px;overflow:auto}.rack-details table{border-collapse:collapse;width:100%;font-size:12px}.rack-details th,.rack-details td{letter-spacing:0;height:auto;line-height:1.35}.rack-details th{color:var(--muted);border-bottom:1px solid var(--line);text-align:left;background:#fff;padding:5px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.rack-details td{color:var(--ink);border-bottom:1px solid #edf3f5;padding:5px 8px}.rack-details tbody tr[tabindex]{cursor:pointer}.rack-details tbody tr[tabindex]:hover,.rack-details tbody tr[tabindex]:focus-visible{background:#f1f7f9;outline:none}.rack-details-line{display:block}.rack-details-swatch{vertical-align:-1px;background:var(--cable-color);border:1px solid #142d384d;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.rack-details-note{color:var(--ink-soft);margin:8px 0 0;font-size:12px}.rack-details-history{margin:6px 0 0;padding:0;font-size:12px;list-style:none}.rack-details-history li{border-bottom:1px solid #edf3f5;padding:5px 0}.rack-details-history small{color:var(--muted);display:block}.rack-face-column-selected .rack-grid{box-shadow:0 0 0 3px #0785a859}.rack-face .rack-item-selected{z-index:5;outline:2px solid var(--green);outline-offset:1px}.rack-face .rack-port-inspected{outline:2px solid var(--green);outline-offset:1px}@media (width<=1100px){.rack-inspector-toggle{display:none}.rack-inspector-open .rack-workspace-body{grid-template-columns:minmax(0,1fr)}.rack-source-open.rack-inspector-open .rack-workspace-body{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.rack-workspace-inspector,.rack-inspector-open .rack-workspace-inspector{z-index:6;width:min(290px,100% - 18px);display:none;position:absolute;top:0;right:0}.rack-has-selection .rack-workspace-inspector{display:block}.rack-workspace-inspector .rack-inspector{box-shadow:0 10px 28px #1e3f4c33}}@media (width<=860px){.rack-source-open .rack-workspace-body,.rack-source-open.rack-inspector-open .rack-workspace-body{grid-template-columns:minmax(0,1fr)}.rack-workspace-source{z-index:6;border-radius:12px;width:min(320px,100% - 18px);position:absolute;top:0;left:0;box-shadow:0 10px 28px #1e3f4c33}}@media (width<=640px){.rack-workspace-toolbar{gap:6px}.rack-workspace-toolbar h1{margin-right:0;font-size:18px}.rack-workspace-toolbar .button,.rack-room-filter>summary{padding-left:8px;padding-right:8px}.rack-view-toggle{display:inline-flex}.rack-workspace-view{justify-content:flex-start;margin-top:6px;display:none}.rack-view-open .rack-workspace-view{display:flex}.rack-workspace-source{width:auto;box-shadow:none;position:static}.rack-workspace-source .rack-inventory-panel{max-height:none}.rack-source-open .rack-workspace-canvas{display:none}.rack-workspace-back{margin-bottom:6px;display:inline-flex}.rack-details{display:none}.rack-has-selection .rack-workspace-inspector{width:auto;position:fixed;inset:auto 0 0}.rack-workspace-inspector .rack-inspector{border-radius:14px 14px 0 0;max-height:55vh}}@media print{.rack-canvas-bar,.rack-workspace-inspector,.rack-details,.rack-legend{display:none!important}}.template-page{width:100%;min-width:0;max-width:none}.content:has(#page-templates.active){width:100%;max-width:none;padding:8px 14px 20px}.template-page .page-heading>div{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.template-page .page-heading h1{color:#12384c;letter-spacing:-.35px;white-space:nowrap;margin:0;font-size:19px;line-height:1.1}.template-page .page-description{margin:0;font-size:11px}.template-company-picker{color:#66818d;align-items:center;gap:6px;font-size:11px;display:inline-flex;flex:none!important}.template-company-picker select{min-width:150px;min-height:30px;padding:4px 26px 4px 8px;font-size:11px}.template-layout{min-width:0;display:block;position:relative}.template-library{background:#fbfdfe;border:1px solid #cbdce3;border-radius:9px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;width:auto;max-height:65vh;margin-bottom:8px;padding:12px;display:grid;position:static;overflow:auto;box-shadow:0 4px 14px #193b4b1c}.template-library-filters,.template-library>.template-search,.template-library>.template-check,.template-library-paging{grid-column:1/-1}.template-library-filters,.template-catalog-fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.template-library-paging{align-items:center;gap:12px;display:flex}.template-catalog-details{background:#f5f9fa;border:1px solid #dfe9ed;border-radius:6px;margin-bottom:8px;padding:8px}.template-catalog-details summary{cursor:pointer;margin-bottom:8px}.template-choice>span{font-size:12px}.template-editor,.template-placeholder{width:100%;min-width:0;padding:8px}.template-placeholder{color:#587381;padding:16px;font-size:13px}.template-search{border:1px solid #cddde4;border-radius:6px;width:100%;margin-bottom:8px;padding:7px}.template-check{align-items:center;gap:5px;font-size:12px;display:inline-flex}.template-check input{margin:0}.template-choice{color:#345567;text-align:left;cursor:pointer;background:#f5f9fa;border:1px solid #dfe9ed;border-radius:6px;gap:4px;width:100%;margin-top:4px;padding:9px 7px;display:grid}.template-choice small{color:#7a909b;font-size:10px}.template-choice.active{background:#eaf5f8;border-color:#0785a8}.template-library{background:linear-gradient(145deg,#fff 0%,#f5fafb 100%);border-color:#d7e4e9;max-height:none;margin-bottom:12px;padding:18px;display:block;overflow:visible;box-shadow:0 12px 34px #173b4b0d}.template-browser-heading{justify-content:space-between;align-items:flex-end;gap:16px;padding:2px 2px 16px;display:flex;position:relative}.template-browser-heading h2{color:#173b4b;letter-spacing:-.7px;margin:3px 0 4px;font-size:clamp(20px,2.2vw,27px)}.template-browser-heading p{color:#728995;margin:0;font-size:12px}.template-eyebrow{color:#59808d;letter-spacing:1.2px;font-size:9px;font-weight:800}.template-result-count{color:#55717e;background:#edf4f6;border:1px solid #dce8ec;border-radius:99px;flex:none;padding:6px 10px;font-size:11px}.template-browser-toolbar{border-top:1px solid #e4ecef;align-items:center;gap:12px;padding:11px 0;display:flex}.template-search-wrap{color:#738b95;flex:1;align-items:center;min-width:180px;display:flex;position:relative}.template-search-wrap>span{z-index:1;font-size:22px;line-height:1;position:absolute;left:12px}.template-search-wrap .template-search{color:#264a5a;background:#fff;border-color:#d7e3e8;border-radius:8px;min-height:40px;margin:0;padding:8px 36px;font-size:13px}.template-search-clear{color:#63808b;background:0 0;border:0;border-radius:50%;width:25px;height:25px;font-size:19px;position:absolute;right:8px}.template-search-clear:hover{background:#edf4f6}.template-browser-toolbar>.template-check{color:#637e89;flex:none}.template-more-filters{color:#315567;flex:none;font-size:11px;position:relative}.template-more-filters summary{cursor:pointer;background:#fff;border:1px solid #d7e3e8;border-radius:7px;padding:9px 12px;list-style:none}.template-more-filters summary::-webkit-details-marker{display:none}.template-more-filters summary:after{content:"⌄";padding-left:8px}.template-more-filters[open]>.template-library-filters{z-index:5;background:#fff;border:1px solid #d8e4e9;border-radius:9px;width:min(360px,80vw);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #173b4b24}.template-category-tabs{scrollbar-width:thin;gap:6px;padding:0 0 13px;display:flex;overflow-x:auto}.template-category-tabs button{color:#55717e;cursor:pointer;background:#f2f7f8;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:inline-flex}.template-category-tabs button:hover{background:#eaf3f5}.template-category-tabs button.active{color:#076a88;background:#e8f5f8;border-color:#acd6e1;font-weight:700}.template-category-tabs button:disabled{opacity:.45;cursor:default}.template-category-tabs button span{color:#6d8791;text-align:center;background:#fff;border-radius:99px;min-width:18px;padding:2px 4px;font-size:9px}.template-browser-body{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);align-items:start;gap:16px;display:grid}.template-browser-results{min-width:0}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:10px;display:grid}.template-card{color:#284b5a;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe6ea;border-radius:10px;min-width:0;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.template-card:hover{border-color:#94c3d0;transform:translateY(-2px);box-shadow:0 8px 20px #173b4b16}.template-card.active{border-color:#1184a2;box-shadow:0 0 0 2px #1184a21a,0 8px 20px #173b4b12}.template-card-art{background:radial-gradient(at 50% 120%,#d6e7ea 0,#edf4f5 48%,#f8fbfb 100%);justify-content:space-between;align-items:flex-start;min-height:105px;padding:10px;display:flex;position:relative;overflow:hidden}.template-card-art:before,.template-card-art:after{content:"";border:1px solid #fff8;border-radius:50%;width:90px;height:90px;position:absolute}.template-card-art:before{top:-48px;right:-25px}.template-card-art:after{width:130px;height:130px;bottom:-69px;left:-25px}.template-card-art.category-switch{background:radial-gradient(at 50% 120%,#bedee5 0,#e6f2f4 52%,#f4f9fa 100%)}.template-card-art.category-server{background:radial-gradient(at 50% 120%,#d2dae8 0,#eef1f6 52%,#f8f9fb 100%)}.template-card-art.category-patch-panel{background:radial-gradient(at 50% 120%,#d8e1e4 0,#eff4f5 52%,#fafcfc 100%)}.template-card-art.category-ups{background:radial-gradient(at 50% 120%,#d9e5d9 0,#eff5ef 52%,#fafcfa 100%)}.template-card-category,.template-card-size{z-index:1;color:#567580;background:#ffffffc9;border:1px solid #fff;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:700;position:relative}.template-card-size{color:#607985}.template-card-silhouette{background:linear-gradient(#405a64,#213c47 48%,#102d38);border:1px solid #78919a;border-radius:4px;justify-content:space-evenly;align-items:center;height:29px;padding:0 10px;display:flex;position:absolute;bottom:20px;left:10%;right:10%;overflow:hidden;transform:perspective(100px)rotateX(-3deg);box-shadow:0 4px 8px #18384633,inset 0 1px #ffffff2a}.template-card-silhouette:before{content:"";background:#c3d1d433;height:1px;position:absolute;top:4px;left:5px;right:5px}.template-card-silhouette i{background:linear-gradient(145deg,#d8e5e7,#536a73 62%,#253f49);border:1px solid #b2c2c6;border-radius:2px;flex:none;width:9px;height:9px;box-shadow:0 0 0 1px #172f38}.template-card-copy{gap:5px;min-width:0;padding:11px 12px 13px;display:grid}.template-card-copy strong{color:#1e4556;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.template-card-copy>span{color:#6b8490;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.template-card-copy small{color:#8a9da5;font-size:9px}.template-card-arrow{color:#5c8795;opacity:0;font-size:14px;transition:all .15s;position:absolute;bottom:10px;right:10px;transform:translate(-3px,3px)}.template-card:hover .template-card-arrow,.template-card.active .template-card-arrow{opacity:1;transform:none}.template-show-more{color:#287088;cursor:pointer;background:#f4f9fa;border:1px dashed #b9d2da;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px;font-size:11px;display:flex}.template-show-more span{color:#81959e;font-size:10px}.template-browser-empty,.template-preview-empty{color:#82969f;text-align:center;align-content:center;justify-items:center;gap:8px;min-height:230px;padding:24px;display:grid}.template-browser-empty strong,.template-preview-empty strong{color:#315767;font-size:14px}.template-browser-empty>span:last-of-type,.template-preview-empty>span:last-of-type{max-width:260px;font-size:11px;line-height:1.5}.template-empty-mark,.template-preview-placeholder{color:#93b4be;font-size:42px;line-height:1}.template-loading-mark{border:2px solid #d5e6eb;border-top-color:#1383a0;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite template-loading-spin}@keyframes template-loading-spin{to{transform:rotate(360deg)}}.template-preview-card{background:linear-gradient(#f8fbfc,#fff);border:1px solid #dce7eb;border-radius:10px;min-width:0;min-height:330px;padding:14px;position:sticky;top:10px}.template-preview-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.template-preview-heading h3{color:#21485a;margin:3px 0 0;font-size:17px;line-height:1.2}.template-library-badge{color:#52808d;letter-spacing:.7px;background:#eaf3f5;border-radius:4px;flex:none;padding:4px 6px;font-size:8px;font-weight:800}.template-preview-model{color:#748c96;margin:5px 0 12px;font-size:10px}.template-preview-face{background:repeating-linear-gradient(0deg,#f2f6f7 0 11px,#e7eef0 11px 12px),repeating-linear-gradient(90deg,#0000 0 11px,#e7eef0 11px 12px);border:1px solid #e1eaed;border-radius:7px;align-items:center;min-height:90px;padding:20px 12px;display:grid}.template-preview-face .equipment-definition-svg{box-shadow:0 5px 12px #18384624}.template-preview-stats{background:#f1f6f7;border:1px solid #e3ecef;border-radius:7px;grid-template-columns:repeat(3,1fr);margin:12px 0;display:grid}.template-preview-stats>div{justify-items:center;gap:2px;padding:8px 3px;display:grid}.template-preview-stats>div+div{border-left:1px solid #dde8eb}.template-preview-stats strong{color:#285566;font-size:13px}.template-preview-stats span{color:#8498a1;font-size:9px}.template-preview-description{color:#617b87;font-size:11px;line-height:1.5}.template-preview-banks{background:#f5f9fa;border-radius:7px;gap:6px;margin-top:10px;padding:10px;display:grid}.template-preview-banks>span:not(.template-eyebrow){color:#416371;justify-content:space-between;gap:8px;font-size:10px;display:flex}.template-preview-banks small{color:#8598a0;font-size:9px}.template-preview-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.template-preview-actions .button{min-height:34px;padding:6px 8px;font-size:10px}.template-editor-heading,.template-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.template-editor-heading .field{flex:0 260px}.template-actions span,.template-footnote{color:#718995;font-size:11px}.template-fields{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin:10px 0;display:grid}.template-compatibility-toggle{cursor:pointer;background:#f4f8f9;border:1px solid #cbdde3;border-radius:6px;grid-column:1/-1;align-items:flex-start;gap:8px;padding:9px;display:flex}.template-compatibility-toggle input{accent-color:#087f9e;flex:none;margin:2px 0 0}.template-compatibility-toggle span{gap:3px;display:grid}.template-compatibility-toggle strong{color:#244b5c;font-size:12px}.template-compatibility-toggle small{color:#718995;font-size:10px;line-height:1.4}.designer-stage{background:repeating-linear-gradient(0deg,#0000 0 9px,#dbe5eb 9px 10px),repeating-linear-gradient(90deg,#eef3f6 0 9px,#dbe5eb 9px 10px);border:1px solid #c5d8e1;border-radius:4px;max-width:100%;margin:8px 0;padding:16px;overflow:auto}.equipment-definition-svg{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;display:block;overflow:hidden}.designer-stage .equipment-definition-svg{cursor:move}.designer-resize{cursor:nwse-resize}.designer-preview{border:5px solid #b7cad4;border-radius:3px;max-width:100%;margin-top:8px}.template-designer-grid{--designer-height:clamp(340px, calc(100dvh - 380px), 860px);grid-template-columns:minmax(160px,184px) minmax(0,1fr) minmax(210px,236px);grid-template-rows:auto var(--designer-height) auto auto auto;grid-template-areas:"menubar menubar menubar""side canvas inspector""side status inspector""side arrange inspector""preview preview preview";align-items:stretch;gap:8px;display:grid;position:relative}.template-menubar{background:#eef4f6;border:1px solid #cddce2;border-radius:7px;flex-wrap:wrap;grid-area:menubar;gap:5px;min-height:40px;padding:5px 7px;display:flex;overflow:visible;box-shadow:0 1px 2px #173b4b12}.template-menubar .button{flex:none;min-height:29px}.template-menubar>span:last-child{white-space:nowrap;margin-left:auto}.template-menu-group{flex:none;position:relative}.template-menu-trigger{color:#355565;background:0 0;border:1px solid #0000;border-radius:5px;min-height:29px;padding:0 11px;font-size:12px}.template-menu-trigger:hover,.template-menu-trigger[aria-expanded=true]{color:#0b637f;background:#fff;border-color:#cbdce3}.template-menu-dropdown{z-index:30;background:#fff;border:1px solid #c8d9e0;border-radius:8px;gap:2px;min-width:220px;max-height:min(70vh,520px);padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 12px 30px #173b4b30}.template-menu-dropdown button{color:#345567;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:18px;min-height:34px;padding:6px 9px;font-size:12px;display:flex}.template-menu-dropdown button:hover:not(:disabled){color:#075d79;background:#edf6f8}.template-menu-dropdown button:disabled{color:#99aab1;cursor:not-allowed}.template-menu-dropdown hr,.template-context-menu hr{background:#e3ebee;border:0;width:100%;height:1px;margin:3px 0}.template-menu-dropdown kbd,.template-context-menu kbd{color:#7a9099;white-space:nowrap;font:10px ui-monospace,monospace}.template-context-menu{z-index:1000;background:#fff;border:1px solid #c4d6de;border-radius:8px;gap:2px;width:max-content;min-width:205px;max-width:calc(100vw - 12px);max-height:min(75vh,560px);padding:6px;display:grid;position:fixed;overflow:auto;box-shadow:0 14px 36px #173b4b44}.template-context-menu strong{color:#78909a;text-transform:uppercase;letter-spacing:.45px;padding:6px 9px;font-size:10px;font-weight:700}.template-context-menu button{color:#345567;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;min-height:32px;padding:5px 9px;font-size:12px;display:flex}.template-context-menu button:hover:not(:disabled){color:#075d79;background:#edf6f8}.template-context-menu button:disabled{color:#a2b0b5;cursor:not-allowed}.template-menu-divider{background:#cbd8de;flex:0 0 1px;align-self:stretch;width:1px;margin:0 3px}.template-zoom-label{color:#526d79;white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.template-zoom-label input{width:90px}.template-canvas{background-color:#f2f6f8;border:1px solid #cbd9df;border-radius:9px;grid-area:canvas;justify-content:flex-start;align-items:flex-start;min-width:0;height:auto;min-height:0;max-height:none;margin:0;padding:18px;display:flex;overflow:auto}.template-canvas>div{flex:none;max-width:none;margin:auto}.template-element-actions{color:#46697a;background:#f8fbfc;border:1px solid #d8e3e8;border-radius:8px;flex-wrap:wrap;grid-area:arrange;align-items:center;gap:5px;margin:0;padding:7px 9px;font-size:12px;display:flex}.template-element-actions .button{min-height:29px}.template-element-actions span{flex:220px}.template-inspector{z-index:auto;contain:size;background:#fbfdfe;border:1px solid #c8d9e0;border-radius:9px;grid-area:inspector;grid-template-columns:minmax(0,1fr);align-content:start;align-self:stretch;gap:9px;width:auto;height:auto;margin:0;padding:12px;display:grid;position:static;overflow:auto;box-shadow:0 2px 8px #173b4b12}.template-inspector h3{color:#244959;margin:0 0 2px;font-size:14px}.template-inspector .field{min-width:0;margin:0}.template-inspector .field-hint{color:#718995;margin:-5px 0 0;font-size:11px;line-height:1.4}.template-inspector-empty{color:#365565;gap:6px;font-size:12px;display:grid}.template-inspector-empty p{color:#718995;margin:0;line-height:1.45}.template-color-field{color:#526d79;gap:7px;font-size:12px;display:grid}.template-color-controls{align-items:center;gap:7px;display:flex}.template-color-controls .template-color-picker{cursor:pointer;background:#fff;border:1px solid #cbd9df;border-radius:6px;width:43px;height:34px;min-height:34px;padding:3px;overflow:hidden}.template-color-controls .template-color-value{color:#365565;border:1px solid #cbd9df;border-radius:6px;width:92px;min-height:34px;padding:5px 7px;font-family:ui-monospace,monospace;font-size:12px}.template-swatches{grid-template-columns:repeat(6,25px);gap:6px;display:grid}.template-swatch{background:var(--swatch-color);cursor:pointer;border:1px solid #8fa4ad;border-radius:6px;width:25px;height:25px;padding:0;box-shadow:inset 0 0 0 2px #fff9}.template-swatch[aria-label=White],.template-swatch[aria-label=Light\ gray]{border-color:#9db0b8}.template-swatch.selected{outline-offset:2px;outline:2px solid #087da0}.template-swatch:disabled{cursor:not-allowed;opacity:.5}.template-preview-panel{border:1px solid #d8e3e8;border-radius:8px;grid-area:preview;margin:0;padding:10px}.template-preview-panel>summary{margin-bottom:8px}.template-preview-panel .designer-preview{margin:0 auto}.template-new-dialog{padding:20px}.template-new-dialog h2{color:#20465a;margin-top:0;font-size:18px}.template-new-dialog p{color:#718995;max-width:480px;font-size:13px;line-height:1.5}.template-new-dialog .field{max-width:220px}.template-dialog-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.application-dialog{border:0;border-radius:10px;width:min(740px,100vw - 32px);max-height:90vh;margin:auto;padding:0;overflow:auto}.application-dialog::backdrop{background:#132f4688}.application-dialog>.panel{padding:20px}.application-dialog pre{max-height:240px;font-size:11px;overflow:auto}.application-dialog p,.application-dialog .field{margin:12px 0}.equipment-template-port-arrays{background:#f7fafb;border:1px solid #d8e3e8;border-radius:7px;padding:12px}.equipment-template-port-arrays .equipment-form-section-heading{margin-bottom:8px}@media (width<=950px){.template-browser-body{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:10px}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,175px),1fr))}.template-designer-grid{grid-template-columns:minmax(150px,170px) minmax(0,1fr) minmax(200px,220px)}.template-palette-group>div{grid-template-columns:minmax(0,1fr)}.template-inspector{padding:9px}}@media (width<=700px){.template-library{padding:12px}.template-browser-heading{align-items:flex-start}.template-browser-heading p{max-width:440px;line-height:1.45}.template-browser-toolbar{flex-wrap:wrap;gap:8px}.template-search-wrap{flex-basis:100%}.template-browser-body{grid-template-columns:minmax(0,1fr)}.template-preview-card{order:-1;min-height:0;position:static}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}.template-preview-face{padding:14px 8px}.template-category-tabs{margin-right:-12px}.template-page .page-heading>div{flex-wrap:wrap;gap:5px 10px}.template-page .page-heading h1{font-size:17px}.template-page .page-description{display:none}.template-company-picker select{min-width:110px;max-width:145px}.template-menubar{flex-wrap:wrap}.template-menubar>span:last-child{margin-left:0}.template-palette,.template-inspector{width:auto;height:auto;max-height:none;position:static}.template-canvas{height:50vh;min-height:280px;padding:10px}.template-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.template-inspector h3,.template-inspector-empty{grid-column:1/-1}}@media (width<=440px){.template-browser-heading{display:grid}.template-result-count{position:static}.template-browser-heading p{padding-right:0}.template-card-grid{grid-template-columns:minmax(0,1fr)}.template-card{grid-template-columns:112px minmax(0,1fr);min-height:88px}.template-card-art{grid-area:1/1;min-height:88px;padding:6px}.template-card-category{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:4px 5px;font-size:8px;overflow:hidden}.template-card-size{position:absolute;bottom:6px;right:6px}.template-card-silhouette{height:24px;padding:0 5px;bottom:20px;left:8px;right:8px}.template-card-silhouette i{width:7px;height:7px}.template-card-copy{grid-area:1/2;align-content:center;padding:9px}.template-card-arrow{display:none}.template-preview-actions,.template-inspector{grid-template-columns:minmax(0,1fr)}.template-page .page-heading{align-items:flex-start}.template-page .page-heading>div{flex-basis:100%}}.account-security-form{gap:12px;display:grid}.account-security-section{border-top:1px solid #dce7eb;gap:10px;padding-top:14px;display:grid}.account-security-section h3{color:#294f60;font-size:13px}.account-security-section p{color:#526d79;font-size:12px;line-height:1.5}.account-security-danger h3{color:#8b3933}.account-security-danger .button{color:#8b3933;border-color:#e8c5bf}.account-security-danger .button:hover:not(:disabled){background:#fff1f1}.account-security-panel>p{color:#526d79;line-height:1.5}.account-security-panel .modal-heading{align-items:center;margin-bottom:12px}.content:has(#page-templates.active){padding:clamp(20px,2vw,32px) clamp(16px,2vw,30px) 40px}.template-page .page-heading{align-items:flex-start;gap:10px;margin-bottom:18px}.template-page .page-heading>div:first-child{flex:320px;display:block}.template-page .page-heading h1{white-space:normal;font-size:clamp(23px,2vw,30px)}.template-page .page-description{margin-top:5px;font-size:13px}.template-company-picker{margin-top:8px}.template-catalog-details summary{color:#31596a;font-size:13px;font-weight:600}.template-menubar{gap:6px;padding:8px}.template-menu-divider{align-self:stretch;margin:2px 4px}.template-card-copy>span,.template-card-copy small,.template-preview-model,.template-preview-stats span{font-size:12px}.template-preview-actions .button{min-height:40px;font-size:12px}@media (width<=700px){.template-page .page-heading{flex-wrap:wrap}.template-page .page-heading>div:first-child{flex-basis:100%}.template-page .page-description{display:block}.template-preview-card{order:0}.template-preview-empty{min-height:100px}}.template-tool-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (pointer:coarse){.template-menubar .button,.template-menu-trigger,.template-category-tabs button{min-height:40px}}.template-face-error{color:#a63d2f;margin:0}@media (width<=1360px){.template-designer-grid{grid-template-columns:minmax(150px,168px) minmax(0,1fr) minmax(200px,212px)}}.template-editor-heading{align-items:flex-end}.template-editor-heading .template-name-field{flex:260px;max-width:420px}.template-save-state{color:#2d6b4f;background:#e8f5ee;border-radius:10px;align-self:center;padding:3px 9px;font-size:11px;font-weight:600}.template-save-state.dirty{color:#8a5a12;background:#fff3d9}.template-heading-actions{gap:7px;margin-left:auto;display:flex}.template-readonly-note{color:#617b87;margin:0 0 8px;font-size:12px}.template-tool-group{flex:none;align-items:center;gap:3px;display:flex}.template-tool{color:#355565;cursor:pointer;background:#fff;border:1px solid #cbdce3;border-radius:5px;align-items:center;gap:5px;min-height:29px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.template-tool:hover:not(:disabled){color:#075d79;border-color:#8fc0d0}.template-tool:disabled{color:#a2b3ba;cursor:not-allowed}.template-tool>span{font-size:13px;line-height:1}.template-tool-icon{justify-content:center;min-width:29px;padding:0 6px;font-size:14px}.template-zoom-select{color:#355565;border:1px solid #cbdce3;border-radius:5px;min-height:29px;padding:0 6px;font-size:12px}.template-help-button{border-radius:50%;margin-left:auto}.template-side{contain:size;background:#fbfdfe;border:1px solid #c8d9e0;border-radius:9px;grid-area:side;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden;box-shadow:0 2px 8px #173b4b12}.template-side-tabs{border-bottom:1px solid #dbe7ec;grid-template-columns:1fr 1fr;display:grid}.template-side-tabs button{color:#5a7684;cursor:pointer;background:#f2f7f9;border:0;min-height:36px;font-size:12px;font-weight:700}.template-side-tabs button.active{color:#0b5f7a;background:#fbfdfe;box-shadow:inset 0 -2px #087f9e}.template-side-tabs span{color:#46697a;background:#e2edf1;border-radius:8px;margin-left:4px;padding:0 6px;font-size:10px}.template-palette,.template-layers{align-content:start;gap:10px;min-height:0;padding:9px;display:grid;overflow:auto}.template-palette-group h4{color:#6b8693;letter-spacing:.5px;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.template-palette-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.template-palette-item{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:#2f5566;text-align:left;cursor:pointer;background:#fff;border:1px solid #d3e2e8;border-radius:6px;align-items:center;gap:4px;min-width:0;min-height:32px;padding:4px 5px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.template-palette-item:hover{color:#075d79;background:#f2f9fb;border-color:#8fc0d0}.template-palette-item>span{color:#3f7d93;text-align:center;flex:0 0 14px;font-size:13px}.template-palette-upload{color:#075d79;text-align:center;cursor:pointer;border:1px dashed #9cc4d2;border-radius:6px;padding:7px;font-size:11px;font-weight:600;display:block}.template-side-empty,.template-side-hint{color:#718995;margin:0;font-size:11px;line-height:1.4}.template-layers{gap:3px}.template-layers>button{color:#355565;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;min-height:30px;padding:4px 7px;font-size:12px;display:flex;overflow:hidden}.template-layers>button:hover{background:#f0f6f8}.template-layers>button.active{color:#0b5f7a;background:#e4f2f6;border-color:#8fc0d0}.template-layers>button>span{color:#3f7d93;text-align:center;flex:0 0 16px}.template-statusbar{color:#4f6c79;font-variant-numeric:tabular-nums;background:#f8fbfc;border:1px solid #d8e3e8;border-radius:7px;flex-wrap:wrap;grid-area:status;align-items:center;gap:4px 14px;padding:5px 10px;font-size:11px;display:flex}.template-statusbar-pointer{color:#7b919b;margin-left:auto}.template-element-actions kbd,.template-shortcuts kbd{color:#355565;background:#fff;border:1px solid #cbdce3;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font:11px ui-monospace,monospace}.designer-guide{stroke:#e0458f;stroke-width:.4px;stroke-dasharray:1.5 1;vector-effect:non-scaling-stroke}.designer-marquee{fill:#0087b01a;stroke:#0087b0;stroke-width:.4px;stroke-dasharray:1.5 1;vector-effect:non-scaling-stroke}.template-inspector-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.template-geometry{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.template-geometry .field{margin:0}.template-style-fields{align-items:end;margin-top:8px}.template-style-fields .template-check{align-items:center;gap:6px;min-height:34px;display:flex}.template-style-fields .template-color-picker{width:100%}.template-inspector-section{color:#526d79;gap:5px;font-size:12px;display:grid}.template-icon-row{flex-wrap:wrap;gap:4px;display:flex}.template-new-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px;display:grid}.template-new-dialog .template-new-grid .field{max-width:none}.template-shortcuts h2{color:#20465a;margin-top:0;font-size:18px}.template-shortcuts>p{color:#718995;font-size:13px}.template-shortcut-groups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4px 22px;display:grid}.template-shortcut-groups h3{color:#294f60;margin:10px 0 6px;font-size:13px}.template-shortcut-groups dl{grid-template-columns:max-content 1fr;align-items:baseline;gap:6px 12px;margin:0;display:grid}.template-shortcut-groups dt{white-space:nowrap}.template-shortcut-groups dd{color:#405c68;margin:0;font-size:12px}@media (width<=700px){.template-designer-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"menubar""canvas""status""side""inspector""arrange""preview"}.template-canvas{height:50vh;min-height:260px}.template-side,.template-inspector{contain:none;max-height:none}.template-palette-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.template-heading-actions,.template-help-button{margin-left:0}.template-statusbar-pointer{display:none}}
