*,*:before,*:after{box-sizing:border-box}body{margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}:root{--color-primary: #000000;--color-secondary: #4A70A9;--color-tertiary: #8FABD4;--color-background: #EFECE3;--color-text: #333333}*{box-sizing:border-box}.container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:linear-gradient(135deg,var(--color-secondary),var(--color-background))}.results-space{width:60%;display:flex;justify-content:center;align-items:center}.search-box{display:flex;flex-direction:column;width:40%;justify-content:center;align-items:center}.search-box input{width:80%;font-size:16px;padding:10px;border-radius:10px;border:2px solid var(--color-primary)}.search-box button{margin-top:10px;padding:10px 16px;font-size:16px;cursor:pointer;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;transition:all .2s}.search-box button:hover:not(:disabled){background-color:var(--color-secondary);transform:translateY(-1px)}.search-box button:disabled{opacity:.6;cursor:not-allowed}.results{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;width:100%;max-width:700px;min-height:400px;padding:24px;background:var(--color-background);border-radius:10px;box-shadow:0 12px 25px #00000026;position:relative}.results:before{content:"";position:absolute;inset:4px;border:2px solid var(--color-secondary);border-radius:8px;pointer-events:none}.results-content{display:flex;flex-direction:column;height:100%;font-size:14px}.part-details{flex:1;overflow-y:auto}.part-details h3{margin:0 0 8px;color:var(--color-primary);font-size:20px}.manufacturer{color:var(--color-secondary);font-weight:600;margin:0 0 12px}.description{color:var(--color-text);margin:0 0 16px;line-height:1.4;font-size:13px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:11px;color:var(--color-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.price-breaks{margin:16px 0;padding:12px;background:#4a70a91a;border-radius:6px}.price-breaks h4{margin:0 0 8px;color:var(--color-secondary);font-size:14px}.price-item{padding:4px 0;font-size:13px}.datasheet-link{display:inline-block;margin-top:12px;padding:8px 16px;background-color:var(--color-secondary);color:#fff;text-decoration:none;border-radius:6px;font-size:13px;transition:all .2s}.datasheet-link:hover{background-color:var(--color-primary);transform:translateY(-1px)}.part-selector{margin-top:20px;padding-top:16px;border-top:2px solid var(--color-secondary);display:flex;flex-direction:column;gap:8px}.part-selector label{font-size:12px;color:var(--color-secondary);font-weight:600}.part-selector select{padding:8px;border:2px solid var(--color-secondary);border-radius:6px;background-color:#fff;font-size:13px;cursor:pointer}.dev-mode-toggle{margin-top:16px;display:flex;align-items:center}.dev-mode-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-text)}.dev-mode-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.dev-mode-content{width:100%;height:100%;overflow:auto}.dev-mode-content h3{margin:0 0 12px;color:var(--color-secondary)}.json-display{background:#f5f5f5;padding:12px;border-radius:6px;font-size:11px;overflow-x:auto;white-space:pre;font-family:Courier New,monospace;max-height:500px;overflow-y:auto}.availability-badge{position:absolute;top:20px;right:20px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:10}.availability-badge.available{background-color:#22c55e;color:#fff}.availability-badge.restricted{background-color:#ef4444;color:#fff}.restriction-warning{background-color:#fee2e2;border-left:4px solid #ef4444;padding:12px;margin:12px 0;border-radius:4px;font-size:13px;color:#991b1b}.restriction-warning strong{display:block;margin-bottom:4px}