:root{--red:#e84737;--red-dark:#bd3023;--ink:#202326;--muted:#757b81;--line:#e5e7e9;--canvas:#f6f7f8;--warm:#fff3ef;--green:#297963;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #287ba3;outline-offset:3px}svg{width:20px;height:20px;flex-shrink:0}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1px;font-weight:650}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}small,.tiny{font-size:11px}.muted{color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
.topbar{height:77px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 29px;position:relative;z-index:20}.brand{font-size:31px;font-weight:850;letter-spacing:-1.8px;display:flex;align-items:center}.brand span{color:var(--red)}.brand i{width:6px;height:6px;background:var(--red);border-radius:50%;margin:15px 0 0 3px}.brand-label{font-size:10px;letter-spacing:1.8px;color:#8a8e91;border-left:1px solid var(--line);padding-left:23px;white-space:nowrap}.global-search{display:flex;align-items:center;gap:11px;max-width:460px;flex:1;margin-left:25px;background:#f7f8f9;border:1px solid #eceef0;border-radius:8px;padding:10px 13px;color:#959b9f}.global-search input{background:none;border:0;width:100%;min-width:0;outline:0;font-size:12px}.global-search kbd{font-size:15px}.private-label{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap;color:#6c7177}.private-label svg{width:14px;height:14px}.selection-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}.selection-link span{background:var(--ink);color:white;font-size:10px;border-radius:5px;min-width:22px;display:grid;place-items:center;height:22px}
.app-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 77px)}.sidebar{padding:31px 17px 24px;background:#fcfcfc;border-right:1px solid var(--line);display:flex;flex-direction:column}.nav-caption{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#92979d;margin:0 12px 13px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:13px 12px;border-radius:6px;color:#676d73;font-size:12px;display:flex;align-items:center;gap:12px}.sidebar nav a>span{font-size:19px;line-height:1;width:18px;text-align:center}.sidebar nav a.active{color:var(--red-dark);background:#fff0eb;font-weight:650}.sidebar nav small{margin-left:auto;font-size:9px;color:#90969c}.sidebar-divider{height:1px;background:var(--line);margin:25px 12px}.active-car{display:flex;flex-direction:column;gap:8px;padding:7px 12px}.active-car b{font-size:14px}.active-car>span{font-size:11px;color:var(--muted)}.active-car small{font-size:9px;color:#5e7169;margin-top:5px;display:flex;align-items:center;gap:5px}.active-car i{height:5px;width:5px;border-radius:50%;background:#398a6d}.sidebar-bottom{margin-top:auto;padding:90px 12px 0}.version-tag{display:inline-block;letter-spacing:1.2px;font-size:8px;color:#777d83;border:1px solid #dfe2e4;border-radius:4px;padding:5px 7px}.sidebar-bottom p{font-size:12px;line-height:1.7;margin:12px 0;color:#686e74}.sidebar-bottom .tiny{color:#a1a6ab;font-size:9px}
main{padding:25px 30px 22px;min-width:0;max-width:1800px;width:100%;margin:auto}.loading{padding:100px;text-align:center}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:#969a9e;margin-bottom:25px;min-height:16px}.breadcrumbs button,.breadcrumbs a{font-size:10px;padding:0;color:#757b80}.breadcrumbs span:last-child{color:var(--ink);font-weight:550}.page-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:21px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--red);margin-bottom:7px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}.pill{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;background:white;white-space:nowrap}.pill i{display:inline-block;background:#30936d;border-radius:50%;width:5px;height:5px;margin-right:5px}.vehicle-strip{border:1px solid var(--line);background:white;border-radius:9px;display:flex;align-items:center;padding:12px 17px;gap:15px;margin-bottom:23px}.vehicle-strip img{width:101px;height:57px;object-fit:cover;object-position:50% 62%;border-radius:5px}.vehicle-strip h3{font-size:14px;letter-spacing:-.3px}.vehicle-strip p{font-size:10px;color:var(--muted);margin-top:7px}.vehicle-specs{display:flex;gap:32px;margin-left:35px}.vehicle-specs span{display:flex;flex-direction:column;gap:7px;font-size:11px}.vehicle-specs small{font-size:8px;letter-spacing:1px;color:#93999f}.vehicle-strip .text-button{margin-left:auto}.text-button{color:#667078;font-size:11px;padding:8px;display:inline-block}.text-button:hover{color:var(--red)}.outline,.primary{border:1px solid #dfe2e5;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:600;background:white;display:inline-flex;align-items:center;justify-content:center;gap:7px}.outline:hover{background:#f8f8f8}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:var(--red-dark)}.primary svg,.outline svg{width:15px;height:15px}.main-action{font-size:12px;padding:13px 18px}.assembly-tabs{display:flex;align-items:center;border-bottom:1px solid #dfe2e5;gap:25px;margin-bottom:20px;overflow:auto}.assembly-tabs a{font-size:12px;white-space:nowrap;padding:0 2px 15px;border-bottom:2px solid transparent;color:#82878d}.assembly-tabs a.active{color:var(--ink);border-color:var(--red);font-weight:650}.assembly-tabs a small{font-size:8px;color:#a1a6ac;margin-left:7px}.assembly-tabs .tab-caption{margin-left:auto;font-size:9px;white-space:nowrap;color:#93999f;padding-bottom:15px}
.catalog-workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:20px;align-items:start}.diagram-panel,.parts-panel,.detail-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-header{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:15px;letter-spacing:-.2px}.panel-header p{font-size:10px;color:var(--muted);margin-top:6px}.diagram-code{font-size:9px;padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:#80878e;white-space:nowrap;font-family:monospace}.diagram-tools{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;background:#fcfcfc;border-bottom:1px solid #f0f1f2}.diagram-tools .hint{font-size:9px;color:#93999f;display:flex;gap:6px;align-items:center}.zoom{display:flex;align-items:center;gap:2px}.zoom button{width:27px;height:27px;border:1px solid #e5e7e9;border-radius:4px;font-size:16px;background:white}.zoom .reset{width:auto;padding:0 8px;font-size:9px;margin-left:5px}.zoom output{font-size:9px;min-width:35px;text-align:center;color:#7d858b}.diagram-scroll{overflow:auto;max-height:610px;background:white;scrollbar-width:thin;overscroll-behavior:contain}.diagram-canvas{position:relative;isolation:isolate;margin:0 auto;flex-shrink:0;min-width:100%}.diagram-canvas img{display:block;width:100%;height:auto;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:white;border:1.7px solid var(--red);color:#b82f23;font-weight:750;font-size:12px;width:25px;height:25px;display:grid;place-items:center;padding:0;box-shadow:0 2px 6px #21160a1a;z-index:2;line-height:1}.hotspot:hover{background:#fff0e9;box-shadow:0 0 0 4px #e847371c;z-index:6}.hotspot.selected{background:var(--red);color:white;border-color:white;box-shadow:0 0 0 2px var(--red),0 2px 7px #e847374d;z-index:5}.hotspot.grouped:not(.selected){background:#fff4ef}.hotspot:focus-visible{z-index:8}.diagram-footer{border-top:1px solid var(--line);padding:12px 17px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#8a9197}.legend{display:flex;align-items:center;gap:10px}.legend>span{display:flex;align-items:center;gap:5px}.legend-dot{width:8px;height:8px;border:1px solid var(--red);border-radius:50%;background:white}.legend-dot.active{background:var(--red)}.legend-dot.group{background:#ffe2d4;border-color:#dfa58c}.mobile-pan{display:none}.data-note{font-size:9px;color:#93999f;line-height:1.7;margin-top:12px}.detail-panel{margin-top:15px;padding:19px 20px}.detail-heading{display:flex;align-items:center;gap:10px}.detail-number{width:30px;height:30px;border-radius:6px;background:var(--warm);color:var(--red-dark);display:grid;place-items:center;font-size:12px;font-weight:700}.detail-heading h3{font-size:14px}.detail-heading p{font-size:10px;color:#8c9297;margin-top:4px}.detail-body{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:18px;align-items:end}.detail-kv{display:flex;gap:30px;flex-wrap:wrap}.detail-kv div{display:flex;flex-direction:column;gap:6px}.detail-kv dt{font-size:8px;color:#969ba0;text-transform:uppercase;letter-spacing:.8px}.detail-kv dd{font-size:11px;margin:0}.detail-body .primary{min-width:175px}.bundle-explain{font-size:10px;line-height:1.65;color:#927261;margin-top:13px;border-top:1px solid #f1ebe7;padding-top:12px}.bundle-explain b{font-weight:600;color:#87604d}.group-banner{background:var(--warm);padding:13px 16px;color:#a05740;font-size:10px;line-height:1.5;border-bottom:1px solid #f0e2dc}.group-banner b{display:block;font-size:11px;color:#9b4a33;margin-bottom:3px}.parts-panel .panel-header{padding:17px}.parts-panel .panel-header h2{font-size:13px}.number-badge{border:1px solid #e7e9eb;padding:3px 6px;border-radius:4px;font-size:9px;color:#8b9297;margin-left:5px}.parts-search{display:flex;gap:7px;align-items:center;padding:12px 15px;border-bottom:1px solid #eceef0}.parts-search svg{height:14px;width:14px;color:#9aa0a5}.parts-search input{border:0;width:100%;min-width:0;outline:none;font-size:10px}.parts-list{max-height:428px;overflow-y:auto;scrollbar-width:thin}.part-row{display:flex;text-align:left;align-items:flex-start;gap:10px;width:100%;padding:15px 15px;border-bottom:1px solid #eef0f2;position:relative}.part-row:last-child{border:0}.part-row:hover{background:#fafafa}.part-row.selected{background:#fff7f3;box-shadow:inset 3px 0 var(--red)}.part-num{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:5px;border:1px solid #e2e5e8;color:#858c93;font-size:10px;background:white}.part-row.selected .part-num{background:var(--red);border-color:var(--red);color:white}.part-copy{flex:1;min-width:0}.part-name{display:block;font-size:11px;font-weight:600;line-height:1.45}.part-oem{display:block;font-family:monospace;font-size:9px;color:#8a9198;margin-top:5px}.part-meta{display:flex;justify-content:space-between;gap:6px;margin-top:8px;font-size:9px}.included{color:#a76850;font-size:9px}.part-stock{color:var(--green)}.part-price{font-weight:600;color:#515b63;font-size:10px}.parts-panel-footer{padding:13px 16px;background:#fafbfb;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#92989e}.group-edit{color:#646c74;font-size:10px;padding:4px}.group-edit:hover{color:var(--red)}.empty-mini{padding:28px;font-size:12px;color:#858c92;text-align:center}.page-footer{display:flex;justify-content:space-between;align-items:center;color:#a0a5ab;font-size:9px;padding-top:25px}.page-footer b{font-weight:500;color:#7e868d}.page-footer span{display:flex;gap:5px;align-items:center}
.vehicle-view{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:23px}.vehicle-photo{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#eee;align-self:start}.vehicle-photo>img{width:100%;display:block}.photo-tag{position:absolute;top:17px;left:17px;background:#ffffffec;border-radius:4px;padding:6px 9px;font-size:9px;color:#616a71}.photo-point{position:absolute;background:var(--red);color:white;border:2px solid white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:11px;box-shadow:0 2px 7px #0005}.photo-point:hover{box-shadow:0 0 0 7px #e8473733}.photo-label{position:absolute;background:white;border-radius:5px;padding:8px 10px;font-size:10px;font-weight:600;box-shadow:0 3px 12px #0002;white-space:nowrap}.photo-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vehicle-info{border:1px solid var(--line);border-radius:10px;background:white;padding:25px;display:flex;flex-direction:column;align-items:start;gap:18px}.vehicle-info h2{font-size:24px}.vehicle-info p{font-size:12px;color:var(--muted);line-height:1.7}.vehicle-info dl{width:100%;margin:0}.vehicle-info dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.vehicle-info dt{color:#8a9197}.vehicle-info dd{margin:0;font-weight:600}.section-title{margin:30px 0 17px;display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:17px}.section-title span{font-size:10px;color:var(--muted)}.assembly-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.assembly-card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.assembly-card:hover{transform:translateY(-3px);border-color:#ddbaa9}.assembly-card .thumbnail{height:175px;padding:13px;background:white;border-bottom:1px solid #f1f2f3}.assembly-card img{width:100%;height:100%;object-fit:contain}.assembly-card .card-body{padding:20px}.assembly-card h3{font-size:15px;margin:8px 0}.assembly-card p{color:#949aa0;font-size:10px}.assembly-card .card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;color:#9e5b42}.assembly-card .arrow{color:var(--red);font-size:21px}.results{display:grid;gap:10px}.result-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:8px;padding:17px}.result-row img{width:50px;height:45px;object-fit:contain}.result-row h3{font-size:12px}.result-row p{font-size:10px;margin-top:5px;color:var(--muted)}.result-row>span{font-size:18px;color:var(--red)}.search-empty,.selection-empty{padding:70px 25px;text-align:center;background:white;border:1px dashed #dcdfe3;border-radius:10px}.search-empty p,.selection-empty p{color:var(--muted);margin:12px 0 22px;font-size:12px}.selection-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.selection-items{display:grid;gap:12px}.selection-item{padding:20px;background:white;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:75px 1fr auto;gap:18px;align-items:center}.selection-item img{width:75px;height:70px;object-fit:contain}.selection-item h3{font-size:13px}.selection-item p{font-size:10px;color:#8e969b;margin-top:7px;line-height:1.5}.selection-item .remove{color:#9f6260;font-size:10px;padding:9px 0}.quantity{display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-top:12px}.quantity button{width:25px;height:25px;border:1px solid var(--line);border-radius:4px;background:white}.quantity span{font-size:11px}.selection-summary{padding:24px;background:white;border:1px solid var(--line);border-radius:9px;align-self:start}.selection-summary h2{font-size:15px;margin-bottom:22px}.summary-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#899198;margin:15px 0}.summary-total{border-top:1px solid var(--line);padding-top:18px;color:var(--ink)}.summary-total strong{font-size:20px}.selection-summary .primary{width:100%;margin-top:13px}.selection-summary p{font-size:10px;color:#939a9f;line-height:1.6;margin-top:14px}.export-button{margin-top:15px;width:100%;font-size:11px;color:#6b757e;text-align:center}
dialog{border:1px solid #e3e5e8;border-radius:12px;padding:0;max-width:580px;width:calc(100vw - 30px);max-height:90vh;box-shadow:0 25px 90px #0003}dialog::backdrop{background:#181d2580;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px}.modal-head h2{font-size:19px}.modal-head button{font-size:24px;width:30px;height:30px}.modal-body{padding:22px;overflow:auto}.modal-body>p{font-size:12px;color:#7b858e;line-height:1.7;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;margin:17px 0}.field input,.field select{padding:11px;border:1px solid #dce1e5;background:white;border-radius:6px;width:100%}.group-checks{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:6px}.group-checks label{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #f0f2f3;font-size:11px;line-height:1.4}.group-checks label:last-child{border:0}.group-checks input{accent-color:var(--red);width:16px;height:16px}.group-checks span{color:#a6acb1;font-size:10px;width:16px}.modal-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 22px;gap:10px}.modal-error{color:#b32920;font-size:11px;margin-top:12px;min-height:14px}.danger-text{color:#b85449;font-size:11px;padding:8px 0}.saved-groups{display:grid;gap:8px;margin-top:18px}.saved-group{display:flex;align-items:center;justify-content:space-between;border:1px solid #eadbd3;background:#fff9f4;border-radius:6px;padding:12px;font-size:11px;gap:10px}.saved-group small{display:block;color:#a38b7f;margin-top:5px}.saved-group button{font-size:10px;color:#ae5743}.local-note{font-size:9px!important;color:#969fa5!important;margin:15px 0 0!important}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;background:#242a2e;color:white;padding:13px 20px;border-radius:8px;font-size:12px;box-shadow:0 5px 30px #0002;z-index:100;transition:.2s;pointer-events:none;max-width:calc(100vw - 30px)}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1650px){.catalog-workspace{grid-template-columns:minmax(0,1fr) 370px}.parts-list{max-height:475px}.part-row{padding:17px}.part-name{font-size:12px}}
@media(max-width:1250px){.topbar{gap:16px;padding:0 21px}.brand-label{display:none}.global-search{margin-left:10px}.app-shell{grid-template-columns:177px minmax(0,1fr)}main{padding:23px}.catalog-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.sidebar{padding:28px 10px}.vehicle-specs{margin-left:20px;gap:23px}.detail-body{grid-template-columns:1fr}.detail-body .primary{justify-self:start}.diagram-footer{flex-wrap:wrap}.part-row{padding:13px 12px}.mobile-pan{display:inline}.diagram-tools .hint{font-size:8px}}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:68px}.catalog-workspace{grid-template-columns:minmax(0,1fr) 320px}main{padding:23px 20px}.private-label{display:none}.vehicle-view{grid-template-columns:1fr 300px}.vehicle-specs{gap:20px}.brand{font-size:28px}.assembly-tabs{gap:20px}}
@media(max-width:750px){.topbar{height:auto;min-height:68px;padding:16px;flex-wrap:wrap;gap:12px}.brand{font-size:27px}.global-search{order:4;min-width:100%;margin:0;padding:9px 11px;max-width:none}.selection-link{margin-left:auto}.private-label{display:flex;font-size:9px}.private-label svg{width:12px}.topbar .selection-link{font-size:10px}.app-shell{min-height:calc(100vh - 125px)}main{padding:20px 14px}.breadcrumbs{font-size:9px;gap:7px;margin-bottom:20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;max-width:260px}.page-heading .pill{font-size:8px;padding:6px}.vehicle-strip{padding:11px;gap:11px;margin-bottom:20px}.vehicle-strip img{width:75px;height:50px}.vehicle-strip h3{font-size:12px}.vehicle-strip p{font-size:9px}.vehicle-specs{display:none}.vehicle-strip .text-button{font-size:10px;padding:4px}.assembly-tabs{gap:20px;margin-bottom:16px}.assembly-tabs a{font-size:11px;padding-bottom:13px}.assembly-tabs small,.tab-caption{display:none}.catalog-workspace{grid-template-columns:1fr;gap:17px}.diagram-panel .panel-header{padding:17px 15px}.diagram-scroll{max-height:500px}.diagram-canvas{min-width:790px}.diagram-footer{font-size:8px;padding:11px}.diagram-tools{padding:9px 11px}.diagram-tools .hint{max-width:130px;line-height:1.5}.detail-panel{padding:17px 15px}.detail-body{grid-template-columns:1fr auto;align-items:start}.detail-kv{gap:15px}.detail-body .primary{font-size:10px;min-width:130px;max-width:150px}.detail-heading h3{font-size:13px}.parts-list{max-height:400px}.part-row{padding:15px}.part-name{font-size:12px}.part-meta{font-size:10px}.part-oem{font-size:10px}.page-footer{gap:15px;font-size:8px;align-items:flex-start;line-height:1.5}.vehicle-view{grid-template-columns:1fr}.vehicle-info{padding:22px;gap:15px}.vehicle-info h2{font-size:23px}.vehicle-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.assembly-cards{grid-template-columns:1fr}.assembly-card{display:grid;grid-template-columns:130px 1fr}.assembly-card .thumbnail{height:150px;align-self:center;border:0;padding:10px}.assembly-card .card-body{padding:20px 15px}.assembly-card h3{font-size:14px}.assembly-card .card-bottom{margin-top:12px}.photo-point{width:26px;height:26px;font-size:10px}.photo-label{font-size:8px;padding:6px}.selection-layout{grid-template-columns:1fr}.selection-item{grid-template-columns:55px 1fr;gap:13px;padding:16px}.selection-item>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between}.selection-item img{width:55px;height:55px}.quantity{margin:0}.selection-item .remove{margin-top:7px}.result-row{grid-template-columns:35px 1fr auto;gap:12px;padding:14px}.result-row img{width:35px}.modal-body{padding:17px}.modal-head{padding:17px}.modal-foot{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Preserve the diagram's scroll canvas without widening the page. */
.catalog-workspace>*{min-width:0}.catalog-workspace .diagram-panel,.diagram-scroll{min-width:0;max-width:100%}.detail-heading>div:last-child{min-width:0}.detail-heading h3{overflow-wrap:anywhere}
.sync-status{font-size:10px;white-space:nowrap;color:#297963;border:1px solid #e0eae4;border-radius:5px;padding:6px 8px}.sync-status[data-mode="offline"]{color:#b84e3d;border-color:#ebc3b8}.sync-status[data-mode="saving"]{color:#a87b33}.topbar{gap:18px}.global-search{margin-left:10px}.nav-backup{font-size:11px;text-align:left;color:#777e85;padding:14px 12px;line-height:1.5}.nav-backup:hover{color:var(--red)}.footer-backup{padding:0;font-size:9px;color:#787f86}.edit-part-button{margin-left:auto;white-space:nowrap}.part-extra{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#849098;line-height:1.6;padding-top:14px}.part-extra p{flex-basis:100%}.part-extra b{font-weight:500;color:#5e6871}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.field textarea{font:inherit;font-weight:400;resize:vertical;border:1px solid #dce1e5;border-radius:6px;padding:11px;line-height:1.6;min-height:75px}.verification-check{display:flex;align-items:center;gap:8px;font-size:12px}.verification-check input{accent-color:var(--red)}.group-actions{display:flex;gap:6px;flex-direction:column}.inventory-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.inventory-toolbar{display:flex;align-items:center;gap:15px;padding:18px;border-bottom:1px solid var(--line)}.inventory-search{display:flex;align-items:center;gap:10px;flex:1;color:#9aa0a5}.inventory-search input{border:0;outline:0;width:100%;min-width:0;font-size:12px}.inventory-toolbar select{border:1px solid var(--line);border-radius:5px;padding:8px;background:white;font-size:11px}.inventory-toolbar>span{font-size:10px;color:#899198;white-space:nowrap}.inventory-table-wrap{overflow:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:850px}.inventory-table th{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#93999f;font-weight:600;background:#fcfcfc;padding:14px;text-align:left}.inventory-table td{padding:15px 14px;border-top:1px solid #eef0f2;font-size:11px;line-height:1.5}.inventory-table td:first-child{max-width:280px}.inventory-table td:first-child small{display:block;font-size:10px;color:#9299a0;margin-top:4px}.inventory-table b{font-weight:550}.inventory-table .outline{padding:7px 10px}.data-tag{font-size:9px;color:#9a7950;background:#fbf5ec;padding:4px 6px;border-radius:4px;white-space:nowrap}.data-tag.real{color:#287254;background:#ecf6ef}.legacy-box,.import-preview{border:1px solid #efd9cd;background:#fff8f3;padding:15px;margin-top:20px;border-radius:7px;font-size:12px;line-height:1.6}.legacy-box p,.import-preview p{font-size:11px;color:#977865;margin:7px 0}.import-preview ul{font-size:11px;padding-left:18px}.legacy-box .outline{margin-top:5px}.modal-body .field{font-weight:500}.modal-body{max-height:65vh;overflow:auto}
@media(max-width:1250px){.private-label{display:none}.topbar{gap:12px}.sync-status{font-size:9px}}
@media(max-width:750px){.topbar{gap:10px}.topbar .global-search{margin-left:0}.sync-status{margin-left:auto}.selection-link{margin-left:0}.edit-part-button{font-size:9px;padding:7px}.detail-heading{flex-wrap:wrap}.detail-heading>div:nth-child(2){flex:1;min-width:170px}.inventory-toolbar{flex-wrap:wrap;padding:13px}.inventory-search{min-width:100%}.inventory-toolbar select{flex:1}.form-columns{grid-template-columns:1fr}.part-extra{font-size:10px}.page-heading .outline{font-size:10px;padding:9px}}
@media(max-width:750px){.catalog-workspace{grid-template-columns:minmax(0,1fr)}.detail-body{grid-template-columns:minmax(0,1fr)}.detail-body .primary{max-width:none;justify-self:stretch}.detail-kv{margin:0}.page-footer{flex-wrap:wrap}}