dialog.api-detail{width:1000px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;background:#fff;color:#202020}dialog.api-detail::backdrop{background:rgb(0 0 0 / .4)}.api-detail h2{font-size:28px;margin:12px 40px 8px 0}.api-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}.api-detail-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:12px}.api-breadcrumb{font-size:12px;color:#777;line-height:1.5}.api-fields{min-width:0}.api-field{margin:0 0 16px}.api-field label{display:block;margin:0 0 7px;font-weight:600;font-size:14px}.api-field select,.api-field input{width:100%;min-height:44px;border:1px solid #ccc;border-radius:8px;padding:10px 12px;background:#fff;color:#202020;font-size:16px}.api-field :disabled{opacity:.65}.api-button{min-height:44px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#202020;padding:10px 14px}.api-button:hover{color:#eaaa00;background:#fff}.api-fields fieldset{margin:0 0 18px;border:1px solid #ddd;border-radius:8px;padding:16px}.api-fields legend{font-weight:600;padding:0 4px}.api-dimensions{margin:20px 0}.api-demo-note{background:#fff7d2;padding:12px;border-radius:8px;font-size:13px;line-height:1.5}.api-message,.api-error{font-size:14px;line-height:1.6}.api-error{color:#a52222}.api-price{border-top:2px solid #ffcc00;margin-top:22px;padding-top:12px}.api-price strong{display:block;font-size:24px}.api-price p{font-size:13px;line-height:1.6}.api-calculate{width:100%;min-height:48px}.api-datasheet{display:block;text-decoration:underline;font-size:13px;margin:18px 0}.api-catalog-entry{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 24px}.api-catalog-entry span{font-size:12px;color:#777}.api-detail :focus-visible{outline:2px solid #d79b00;outline-offset:3px}
@media(max-width:800px){dialog.api-detail{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);margin:auto 0 0;border-radius:22px 22px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.api-detail h2{font-size:24px}.api-detail-grid{grid-template-columns:1fr;gap:18px}.api-detail-grid img{max-height:160px;object-fit:contain}.api-field{margin-bottom:18px}.api-detail .close{min-width:44px;min-height:44px}.api-detail .config-back{min-height:44px}.api-catalog-entry{gap:10px}.api-price strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){dialog.api-detail{animation:none;transition:none}}