.pcb-viewer-container{width:100%;height:100%;position:relative}.loading-overlay{z-index:999;background-color:#0f172ae6;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.loading-spinner{border:4px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#e2e8f0;font-size:16px;font-weight:500}.error-overlay{z-index:999;background-color:#0f172af2;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.error-message{text-align:center;color:#e2e8f0;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;max-width:500px;padding:24px}.error-message p{margin:0}.error-message p:first-child{color:#fca5a5;margin-bottom:8px}
.view-controls{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#eeeeeec2;border:1px solid #94a3b833;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:20px;left:20px}.view-control-btn{color:#282828;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:120px;padding:8px 10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.view-control-btn:hover:not(:disabled){background:#ddddddf2;transform:translateY(-1px)}.view-control-btn:disabled{opacity:.4;cursor:not-allowed;background:#1e293b99}.btn-icon{filter:drop-shadow(0 1px 2px #0000004d);font-size:16px}.btn-text{white-space:nowrap}@media (max-width:768px){.view-controls{padding:8px;top:10px;left:10px}.view-control-btn{justify-content:center;width:auto;min-width:44px;padding:10px}.btn-text{display:none}.btn-icon{font-size:18px}}