.mansons-ipc-error{padding:20px;background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#b71c1c}
.ipc-main{display:flex;flex-direction:row;height:70vh;gap:20px;font-family:Arial,sans-serif}
.ipc-sheet{width:360px;min-width:320px;border:1px solid #e5e7eb;background:#fff;overflow-y:auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.ipc-viewer{flex:1;position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.ipc-sheet-inner{padding:16px}
.ipc-title{font-weight:700;margin:0 0 16px 0;font-size:1.4em;color:#333;padding-bottom:10px;border-bottom:2px solid #2563eb}
.ipc-list{list-style:none;margin:0;padding:0}
.ipc-item{border:1px solid #d1d5db;border-radius:6px;padding:12px;margin-bottom:12px;cursor:pointer;transition:all 0.3s ease;background:#fff}
.ipc-item:hover{border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,0.15)}
.ipc-item.active{outline:2px solid #2563eb;background-color:#f0f7ff}
.ipc-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.ipc-num{font-weight:700;min-width:24px;color:#2563eb}
.ipc-right{margin-left:auto;font-weight:700;color:#666;font-size:0.9em}
.ipc-content{margin-top:10px;padding:10px;background:#f9f9f9;border-radius:4px;border-top:1px solid #eee;display:none}
.ipc-details{margin-bottom:12px}
.ipc-detail-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}
.ipc-detail-label{font-weight:600;color:#555}
.ipc-detail-value{color:#333}
.ipc-actions{display:flex;gap:8px;flex-wrap:wrap}
.ipc-action-btn{padding:8px 12px;text-decoration:none;font-size:12px;font-weight:600;border-radius:4px;transition:all 0.2s;text-align:center;flex:1}
.ipc-add-to-cart{background:#4CAF50;color:white;border:none}
.ipc-add-to-cart:hover{background:#3d8b40}
.ipc-view-product{background:#2196F3;color:white;border:none}
.ipc-view-product:hover{background:#0b7dda}
.ipc-svg{width:100%;height:100%;min-height:300px}
.ipc-canvas{width:100%;height:100%;overflow:auto;position:relative}
.ipc-zoom{position:absolute;right:16px;top:16px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 0 8px rgba(0,0,0,.15);z-index:10}
.ipc-zoom button{width:44px;height:44px;font-size:22px;background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ipc-zoom button:hover{background:#f3f4f6}
.ipc-hot{fill-opacity:0.5;stroke:#2563eb;stroke-width:2;transition:all 0.3s}
.ipc-hotspot{cursor:pointer;transition:all 0.3s}
.ipc-hotspot:hover{fill-opacity:0.3;stroke:#ff0000;stroke-width:2}
@media (max-width: 768px){.ipc-main{flex-direction:column;height:auto}.ipc-sheet{width:100%;min-width:auto;order:2}.ipc-viewer{order:1;height:50vh}.ipc-actions{flex-direction:column}}