*{box-sizing:border-box}html,body{height:100%;margin:0}body{padding-top:56px;overflow:hidden;background:#f1f0e8;color:#141410;font:15px/1.5 Archivo,system-ui,sans-serif}.viewer-layout{height:calc(100dvh - 56px);display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}#view{position:relative;min-height:0;min-width:0;touch-action:none}#view canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.caption{position:absolute;bottom:18px;left:20px;right:16px;font-size:12px;color:#575a50;pointer-events:none;background:#f1f0e8d9;width:fit-content;padding:4px 6px}.viewer-panel{overflow:auto;min-height:0;padding:26px;border-left:1px solid #14141026;background:#f8f7f2}.viewer-panel h1{font-size:24px;line-height:1.2;font-weight:600;margin:18px 0 12px}.viewer-panel p{font-size:14px;line-height:1.55;margin:12px 0;color:#55574e}.viewer-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#2147f5;font-size:14px;text-decoration:none}.viewer-back img{width:16px;height:16px}.view-modes{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.view-modes button,select{font:inherit;border:1px solid #14141030;background:#fff;color:inherit;border-radius:3px;padding:10px;min-height:44px;cursor:pointer}.view-modes button[aria-pressed=true]{background:#2147f5;color:white;border-color:#2147f5}label{display:block;margin:18px 0 8px}select{width:100%;font-size:13px;min-width:0}.checkbox-label{display:flex;gap:8px;align-items:center;min-height:44px}.checkbox-label input{width:18px;height:18px}#partInfo{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#status{padding:12px;background:#e9ebe3;border-radius:3px;font-size:13px;line-height:1.5}.viewer-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.viewer-links a{display:inline-flex;align-items:center;min-height:44px;color:#2147f5;font-size:13px}.viewer-note{font-size:12px!important;color:#696b62!important}.viewer-panel a:focus-visible,.viewer-panel button:focus-visible,.viewer-panel select:focus-visible,.viewer-panel input:focus-visible{outline:2px solid #2147f5;outline-offset:3px}@media(max-width:760px){.viewer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(160px,1fr) minmax(120px,45%)}.viewer-panel{padding:16px 20px;border-left:0;border-top:1px solid #14141026}.viewer-panel h1{font-size:21px;margin-top:8px}.view-modes{margin:14px 0}.caption{left:12px;bottom:10px;font-size:11px}select{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}