.od-page-backdrop{--od-bg-page: #f6f6f7;--od-bg-card: #ffffff;--od-bg-subtle: #fafafa;--od-bg-muted: #f4f4f5;--od-bg-hover: #f0f0f1;--od-bg-selected: #f5f7ff;--od-border: #e6e6e8;--od-border-strong: #d4d4d6;--od-border-selected: #6366f1;--od-text-1: #0a0a0a;--od-text-2: #404040;--od-text-3: #71717a;--od-text-4: #a1a1aa;--od-accent: #6366f1;--od-success: #16a34a;--od-success-soft: #f0fdf4;--od-success-border: #bbf7d0;--od-warn-soft: #fffbeb;--od-warn-border: #fde68a;--od-warn-strong: #b45309;--od-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--od-shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .08);--od-radius-sm: 6px;--od-radius-md: 8px;--od-radius-xl: 16px;--od-font-sans: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--od-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}.od-page-backdrop,.od-page-backdrop *,.od-page-backdrop *:before,.od-page-backdrop *:after{box-sizing:border-box}.od-page-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,#ffffff 0%,transparent 40%),radial-gradient(circle at 80% 90%,#f0f0f5 0%,transparent 50%),var(--od-bg-page);display:flex;font-family:var(--od-font-sans);color:var(--od-text-1);-webkit-font-smoothing:antialiased;align-items:center;justify-content:center;overflow:auto;padding:32px}.od-page-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--od-border) 1px,transparent 1px),linear-gradient(90deg,var(--od-border) 1px,transparent 1px);background-size:32px 32px;opacity:.35;pointer-events:none}.od-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.od-dialog{position:relative;z-index:2;width:920px;max-width:100%;background:var(--od-bg-card);border-radius:var(--od-radius-xl);box-shadow:var(--od-shadow-xl);border:1px solid var(--od-border);display:grid;grid-template-columns:360px 1fr;overflow:hidden;animation:od-dialog-in .28s cubic-bezier(.16,1,.3,1)}@keyframes od-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.od-pane-left{background:var(--od-bg-subtle);border-right:1px solid var(--od-border);padding:24px;display:flex;flex-direction:column;gap:20px}.od-project-title{font-family:var(--od-font-mono);font-size:13px;font-weight:500;color:var(--od-text-1)}.od-project-version{font-family:var(--od-font-mono);font-size:11px;color:var(--od-text-3);margin-top:2px}.od-preview-frame{aspect-ratio:1.4 / 1;background:radial-gradient(circle at 30% 30%,#fafafa,#ececef);border:1px solid var(--od-border);border-radius:var(--od-radius-md);position:relative;overflow:hidden}.od-preview-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.od-pcb-2d-svg{width:70%;height:70%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08))}.od-pcb-3d-wrap{width:78%;height:78%;perspective:800px;display:flex;align-items:center;justify-content:center}.od-pcb-3d{width:100%;height:65%;transform:rotateX(58deg) rotate(-22deg);transform-style:preserve-3d;position:relative}.od-pcb-3d-board{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#15803d,#166534,#14532d);border-radius:4px;box-shadow:0 0 0 1px #0003,0 12px 0 -1px #052e16,0 24px 32px #00000040;overflow:hidden}.od-pcb-3d-board:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;background:radial-gradient(circle at 20% 30%,rgba(250,204,21,.6) 0 4px,transparent 5px),radial-gradient(circle at 80% 30%,rgba(250,204,21,.6) 0 4px,transparent 5px),radial-gradient(circle at 20% 70%,rgba(250,204,21,.6) 0 4px,transparent 5px),radial-gradient(circle at 80% 70%,rgba(250,204,21,.6) 0 4px,transparent 5px),linear-gradient(90deg,transparent 30%,rgba(255,255,255,.15) 30% 31%,transparent 31% 50%,rgba(255,255,255,.15) 50% 51%,transparent 51%)}.od-pcb-3d-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 40%)}.od-preview-toolbar{position:absolute;top:12px;right:12px;display:flex;background:var(--od-bg-card);border:1px solid var(--od-border);border-radius:var(--od-radius-sm);padding:2px;box-shadow:var(--od-shadow-sm);gap:1px;z-index:1}.od-preview-toolbar button{border:0;background:transparent;font-family:var(--od-font-mono);font-size:11px;font-weight:500;padding:4px 10px;border-radius:4px;cursor:pointer;color:var(--od-text-3)}.od-preview-toolbar button.active{background:var(--od-text-1);color:#fff}.od-preview-dim-label{position:absolute;bottom:10px;left:12px;font-family:var(--od-font-mono);font-size:11px;color:var(--od-text-3);background:#ffffffd9;padding:2px 7px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.od-pane-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--od-text-3);margin-bottom:8px}.od-spec-list{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px}.od-spec-list dt{color:var(--od-text-3)}.od-spec-list dd{margin:0;color:var(--od-text-1);font-family:var(--od-font-mono);font-size:12.5px;text-align:right}.od-pane-right{padding:24px 28px;display:flex;flex-direction:column;min-height:0}.od-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.od-dialog-title{font-size:18px;font-weight:600;margin:0}.od-dialog-subtitle{font-size:13px;color:var(--od-text-3);margin:0 0 20px}.od-close-btn{width:28px;height:28px;border:0;background:transparent;border-radius:var(--od-radius-sm);color:var(--od-text-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:-4px -6px 0 0}.od-close-btn:hover{background:var(--od-bg-muted);color:var(--od-text-1)}.od-field-group{margin-bottom:18px}.od-field-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:var(--od-text-2);margin-bottom:8px}.od-qty-row{display:flex;gap:6px;align-items:stretch}.od-qty-btn{flex:0 0 auto;min-width:48px;height:34px;border:1px solid var(--od-border);background:var(--od-bg-card);color:var(--od-text-2);font-family:var(--od-font-mono);font-size:13px;font-weight:500;border-radius:var(--od-radius-sm);cursor:pointer}.od-qty-btn:hover{border-color:var(--od-border-strong);background:var(--od-bg-hover)}.od-qty-btn.active{background:var(--od-text-1);color:#fff;border-color:var(--od-text-1)}.od-qty-input{width:88px;height:34px;border:1px solid var(--od-border);border-radius:var(--od-radius-sm);padding:0 10px;font-family:var(--od-font-mono);font-size:13px;color:var(--od-text-1);background:var(--od-bg-card);margin-left:4px}.od-qty-input:focus{outline:2px solid var(--od-accent);outline-offset:1px;border-color:var(--od-accent)}.od-fab-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--od-border);border-radius:var(--od-radius-md);background:var(--od-bg-card);cursor:pointer}.od-fab-row:hover{border-color:var(--od-border-strong)}.od-fab-row.selected{border-color:var(--od-border-selected);background:var(--od-bg-selected);box-shadow:0 0 0 3px #6366f114}.od-fab-row.disabled{opacity:.5;cursor:not-allowed;background:var(--od-bg-muted)}.od-radio-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--od-border-strong);flex-shrink:0;background:var(--od-bg-card)}.od-fab-row.selected .od-radio-dot{border-color:var(--od-accent);border-width:5px}.od-fab-flag{width:22px;height:16px;border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.od-fab-content{flex:1;min-width:0}.od-fab-name-row{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--od-text-1)}.od-fab-meta{display:flex;align-items:center;gap:10px;margin-top:3px;font-size:12px;color:var(--od-text-3);flex-wrap:wrap}.od-inline-meta{display:inline-flex;align-items:center;gap:4px}.od-meta-icon{flex-shrink:0}.od-dot{width:3px;height:3px;background:var(--od-text-4);border-radius:50%}.od-warn-text{color:var(--od-warn-strong)}.od-fab-price{font-family:var(--od-font-mono);font-size:15px;font-weight:500;color:var(--od-text-1);text-align:right}.od-fab-price-sub{font-family:var(--od-font-mono);font-size:11px;color:var(--od-text-3);margin-top:2px}.od-autofix-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--od-warn-soft);border:1px solid var(--od-warn-border);color:var(--od-warn-strong);cursor:help;flex-shrink:0}.od-page-backdrop [data-tip]{position:relative}.od-page-backdrop [data-tip]:hover:after,.od-page-backdrop [data-tip]:focus:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#18181b;color:#fafafa;font-family:var(--od-font-sans);font-size:12px;font-weight:400;line-height:1.5;padding:8px 10px;border-radius:6px;width:max-content;max-width:280px;text-align:left;z-index:100;box-shadow:0 8px 16px #00000029;white-space:pre-wrap;pointer-events:none}.od-page-backdrop [data-tip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#18181b;z-index:100}.od-free-ship-pill{display:inline-flex;align-items:center;gap:4px;background:var(--od-success-soft);color:var(--od-success);border:1px solid var(--od-success-border);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:500}.od-qty-warning{margin-top:8px;font-size:12px;color:var(--od-warn-strong);display:flex;align-items:center;gap:6px}.od-autofix-details{margin-top:10px}.od-autofix-summary{border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;font-family:var(--od-font-sans);font-size:12px;color:var(--od-text-3);text-align:left}.od-autofix-summary:hover{color:var(--od-text-2)}.od-caret{display:inline-flex;color:var(--od-text-4);transition:transform .16s ease}.od-autofix-details.open .od-caret{transform:rotate(90deg)}.od-autofix-count{font-size:11px;color:var(--od-text-4);margin-left:2px}.od-autofix-body{padding:8px 0 4px 16px;margin-top:2px;border-left:2px solid var(--od-border);margin-left:4px;animation:od-autofix-in .2s ease}@keyframes od-autofix-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.od-autofix-explainer{font-size:11.5px;color:var(--od-text-3);line-height:1.55;margin:0 0 10px}.od-autofix-explainer strong{color:var(--od-text-2);font-weight:500}.od-autofix-issue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.od-autofix-issue-list li{display:flex;gap:8px;align-items:flex-start}.od-autofix-issue-dot{width:4px;height:4px;border-radius:50%;background:var(--od-text-4);margin-top:7px;flex-shrink:0}.od-autofix-issue-title{font-size:12px;color:var(--od-text-2);line-height:1.4}.od-autofix-issue-detail{font-size:11px;color:var(--od-text-4);line-height:1.45;margin-top:1px}.od-saved-address{border:1px solid var(--od-border);border-radius:var(--od-radius-md);padding:12px 14px;background:var(--od-bg-card)}.od-address-name{font-size:14px;font-weight:500;color:var(--od-text-1)}.od-address-line{font-size:13px;color:var(--od-text-3);margin-top:2px;line-height:1.45}.od-change-link{background:transparent;border:0;color:var(--od-accent);font-size:12px;font-weight:500;cursor:pointer;padding:0}.od-change-link:hover{text-decoration:underline}.od-card-field{display:flex;align-items:center;gap:10px;border:1px solid var(--od-border);border-radius:var(--od-radius-md);padding:0 12px;height:40px;background:var(--od-bg-card)}.od-card-field:focus-within{border-color:var(--od-accent);box-shadow:0 0 0 3px #6366f11f}.od-card-field input{border:0;outline:0;background:transparent;font-family:var(--od-font-mono);font-size:13px;color:var(--od-text-1);flex:1;min-width:0}.od-card-field input::placeholder{color:var(--od-text-4)}.od-card-field .od-card-num{flex:1}.od-card-field .od-card-exp{width:56px;text-align:center;flex:0 0 auto}.od-card-field .od-card-cvc{width:44px;text-align:center;flex:0 0 auto}.od-card-icon{color:var(--od-text-3);flex-shrink:0}.od-divider{width:1px;height:18px;background:var(--od-border);flex-shrink:0}.od-fine-print{font-size:11.5px;color:var(--od-text-3);line-height:1.5;margin-top:10px}.od-fine-print strong{color:var(--od-text-2);font-weight:500}.od-dialog-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--od-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.od-total-block{display:flex;flex-direction:column}.od-total-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--od-text-3);font-weight:500}.od-total-amount{font-size:22px;font-weight:600;color:var(--od-text-1);line-height:1.1}.od-total-sub{font-size:11px;color:var(--od-text-3);margin-top:1px}.od-btn-primary{height:40px;padding:0 18px;border:0;border-radius:var(--od-radius-md);background:var(--od-text-1);color:#fff;font-family:var(--od-font-sans);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.od-btn-primary:hover{background:#27272a}.od-btn-primary:active{transform:translateY(1px)}.od-btn-primary:disabled{background:var(--od-text-4);cursor:not-allowed}@media(max-width:760px){.od-page-backdrop{align-items:flex-start;padding:16px}.od-dialog{grid-template-columns:1fr}.od-pane-left{border-right:0;border-bottom:1px solid var(--od-border)}.od-pane-right{padding:20px}.od-dialog-footer{align-items:stretch;flex-direction:column}.od-btn-primary{justify-content:center;width:100%}}