.spare-catalog{padding:clamp(2rem,5vw,5rem) 0}.spare-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.spare-catalog-head h2{margin:.15rem 0}.spare-catalog-head form{display:flex;gap:.5rem;min-width:min(100%,420px)}.spare-catalog-head input{flex:1}.spare-breadcrumb{padding:.8rem 0;color:#667085}.spare-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem}.spare-category-tree,.spare-position-index{background:#fff;border:1px solid #e1e5ed;border-radius:14px;padding:1rem}.spare-category-tree ul{list-style:none;padding-left:.8rem}.spare-category-tree>a,.spare-category-tree li>a{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border-radius:8px;text-decoration:none}.spare-category-tree a.active{background:#eeeeff;color:#4545cc;font-weight:800}.spare-drawing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.spare-drawing-list article{background:#fff;border:1px solid #e1e5ed;border-radius:14px;overflow:hidden}.spare-drawing-list article>a{display:grid;grid-template-columns:180px 1fr;height:100%;text-decoration:none;color:inherit}.spare-drawing-list article>a>div:last-child{padding:1rem}.spare-drawing-thumb{display:grid;place-items:center;background:#eef1f5;min-height:170px}.spare-drawing-thumb img{width:100%;height:100%;object-fit:contain}.spare-drawing-thumb span{font-size:2rem;font-weight:900;color:#d44}.spare-drawing-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.spare-drawing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem}.spare-public-canvas{position:relative;background:#fff;border:1px solid #dfe3eb;border-radius:14px;overflow:hidden;min-height:480px}.spare-public-canvas>img{display:block;width:100%;height:auto;min-height:480px;object-fit:contain}.spare-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:30px;min-height:30px;padding:0;border:2px solid #ff8a00;background:rgba(255,177,55,.24);border-radius:8px;cursor:pointer}.spare-hotspot span{background:#ff8a00;color:#fff;padding:.15rem .35rem;border-radius:5px;font-weight:900}.spare-hotspot:hover,.spare-hotspot:focus{background:rgba(91,91,231,.35);border-color:#5b5be7}.spare-position-index ol{padding-left:1.5rem}.spare-position-index button{width:100%;display:flex;gap:.5rem;text-align:left;border:0;background:transparent;padding:.5rem;cursor:pointer}.spare-position-index button:hover{background:#f3f4ff}.spare-product-modal{position:fixed;inset:0;background:rgba(10,18,35,.68);z-index:10000;display:grid;place-items:center;padding:1rem}.spare-product-modal[hidden]{display:none}.spare-product-dialog{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 30px 80px rgba(0,0,0,.35)}.spare-modal-close{position:absolute;right:1rem;top:1rem;border:0;background:#eef0f5;border-radius:50%;width:42px;height:42px;font-size:1.5rem;cursor:pointer}.spare-product-dialog article{display:grid;grid-template-columns:220px 1fr;gap:1.5rem}.spare-product-dialog article>img{width:100%;height:220px;object-fit:contain}.spare-price{display:block;font-size:1.6rem;margin:.75rem 0}.spare-product-actions,.spare-product-actions form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.spare-product-actions label{max-width:100px}.spare-empty{grid-column:1/-1;padding:3rem;text-align:center;background:#fff;border-radius:14px}.spare-public-canvas .spare-pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem;background:#f8fafc;border-bottom:1px solid #dfe3eb}.spare-public-canvas .spare-pdf-toolbar button{border:1px solid #ccd3df;background:#fff;border-radius:7px;padding:.4rem .7rem;cursor:pointer}.spare-public-canvas .spare-pdf-toolbar input{width:66px;text-align:center;padding:.35rem}.spare-public-canvas .spare-pdf-status{margin-left:auto;color:#667085;font-size:.85rem}.spare-public-canvas .spare-pdf-scroll{overflow:auto;max-height:78vh;padding:1rem}.spare-public-canvas .spare-pdf-stage{position:relative;margin:auto;background:#fff;box-shadow:0 2px 16px rgba(10,20,40,.14)}.spare-public-canvas .spare-pdf-stage canvas{display:block;max-width:none}.spare-public-canvas .spare-pdf-overlay{position:absolute;inset:0}@media(max-width:900px){.spare-catalog-head,.spare-drawing-heading{align-items:stretch;flex-direction:column}.spare-browser,.spare-drawing-workspace{grid-template-columns:1fr}.spare-drawing-list{grid-template-columns:1fr}.spare-category-tree{overflow:auto}.spare-product-dialog article{grid-template-columns:1fr}.spare-product-dialog article>img{height:180px}.spare-pdf-status{display:none}}@media(max-width:560px){.spare-drawing-list article>a{grid-template-columns:1fr}.spare-catalog-head form{min-width:0;flex-direction:column}}