:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--color-background: #0D1117;--color-surface-100: #161B22;--color-surface-200: #21262D;--color-surface-300: #010409;--color-artifact-bg: #0A0C10;--color-foreground-primary: #E6EDF3;--color-foreground-secondary: #B0BAC6;--color-foreground-muted: #768390;--color-foreground-on-accent: #FFFFFF;--color-border-primary: #30363D;--color-border-secondary: #485058;--color-border-muted: #21262D;--color-accent-primary: #58A6FF;--color-accent-primary-hover: #79C0FF;--color-accent-secondary: #0a0c10;--color-accent-success: #3FB950;--shadow-color-strong: rgba(0, 0, 0, .6);--shadow-header: 0 1px 0 var(--color-border-primary), 0 2px 8px rgba(0, 0, 0, .3);--shadow-inset-strong: inset 0px 8px 16px var(--shadow-color-strong);--border-radius-base: 8px;--border-radius-large: 12px;--border-radius-pill: 9999px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-unit: 4px;--spacing-xs: var(--spacing-unit);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: 13px;--spacing-lg: calc(var(--spacing-unit) * 5);--spacing-xl: calc(var(--spacing-unit) * 8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-foreground-primary);line-height:1.65;font-weight:var(--font-weight-regular);overflow-x:hidden}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content-area{flex-grow:1}.container{width:90%;max-width:1024px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.site-header{background-color:#0d1117b3;backdrop-filter:blur(10px);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-header)}.site-header-inner{display:flex;justify-content:space-between;align-items:center}.site-logo a{font-size:1.5rem;font-weight:var(--font-weight-extrabold);color:var(--color-foreground-primary);text-decoration:none;letter-spacing:-.02em}.site-logo .tm{font-size:.6em;font-weight:var(--font-weight-bold);vertical-align:text-top;color:var(--color-accent-primary);margin-left:1px}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.site-nav ul{list-style:none;display:flex;gap:var(--spacing-lg)}.site-nav a{color:var(--color-foreground-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease-in-out;font-size:.95rem;position:relative;padding-bottom:4px}.site-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent-primary);transition:width .3s ease-in-out}.site-nav a:hover,.site-nav a.active{color:var(--color-foreground-primary)}.site-nav a:hover:after,.site-nav a.active:after{width:100%}.settings-button-wrapper{position:relative}.settings-button{background:none;border:none;color:var(--color-foreground-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-base);display:flex;align-items:center;justify-content:center}.settings-button:hover{color:var(--color-foreground-primary);background-color:var(--color-surface-100)}.settings-button .material-symbols-rounded{font-size:1.25rem}.theme-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background-color:var(--color-surface-100);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);padding:var(--spacing-sm);box-shadow:0 4px 12px #0003;z-index:1001;display:none;flex-direction:column;gap:var(--spacing-xs);min-width:160px}.theme-menu.visible{display:flex}.theme-menu button{background:none;border:none;color:var(--color-foreground-secondary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-radius:var(--border-radius-base);cursor:pointer;font-size:.9rem;width:100%}.theme-menu button:hover{background-color:var(--color-surface-200);color:var(--color-foreground-primary)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;vertical-align:middle;line-height:1}.content-section{padding:calc(var(--spacing-xl) * 1.25) 0}.content-section h1,.content-section h2{font-weight:var(--font-weight-bold);color:var(--color-foreground-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;line-height:1.3}.content-section h1{font-size:2.5rem}.content-section h2{font-size:1.75rem}.content-section p,.content-section li{font-size:1rem;color:var(--color-foreground-secondary);margin-bottom:var(--spacing-md);max-width:680px}.content-section strong{color:var(--color-foreground-primary);font-weight:var(--font-weight-semibold)}.content-section a,.link-style{color:var(--color-accent-primary);text-decoration:none;transition:color .15s ease-in-out,text-decoration-color .15s ease-in-out;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--color-accent-primary) 30%,transparent);text-underline-offset:3px}.content-section a:hover,.link-style:hover{color:var(--color-accent-primary-hover);text-decoration-color:var(--color-accent-primary-hover)}.hero-section{padding-top:calc(var(--spacing-xl) * 1.5);padding-bottom:calc(var(--spacing-xl) * 1.5)}.hero-section .subtitle{font-size:1.2rem;color:var(--color-foreground-secondary);margin-bottom:var(--spacing-lg);max-width:600px;font-weight:var(--font-weight-light)}.hero-actions{margin-top:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero-actions .button-primary,.hero-actions .button-secondary{transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.hero-actions .button-primary{background-color:var(--color-accent-primary);color:var(--color-foreground-on-accent);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-base);text-decoration:none;font-weight:var(--font-weight-semibold)}.hero-actions .button-primary:hover{background-color:var(--color-accent-primary-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 15px color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.hero-actions .button-secondary{background-color:transparent;color:var(--color-accent-primary);padding:calc(var(--spacing-md) - 1px) calc(var(--spacing-lg) - 1px);border-radius:var(--border-radius-base);text-decoration:none;font-weight:var(--font-weight-medium);border:1px solid var(--color-accent-primary)}.hero-actions .button-secondary:hover{background-color:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);color:var(--color-accent-primary-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 15px color-mix(in srgb,var(--color-accent-primary) 20%,transparent)}.artifact-section{background-color:var(--color-artifact-bg);padding-top:calc(var(--spacing-xl) * 1.25);padding-bottom:calc(var(--spacing-xl) * 1.25);border-bottom:1px solid var(--color-border-primary);position:relative}.artifact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent);opacity:.3}.artifact-header{display:flex;flex-direction:column;align-items:stretch;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.artifact-header h2{text-align:center;margin-bottom:var(--spacing-sm);flex-shrink:0}.pcb-thumbnail-selector-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--spacing-md);position:relative}.pcb-thumbnail-selector{display:flex;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-sm) 0;scrollbar-width:thin;scrollbar-color:var(--color-surface-200) var(--color-artifact-bg);flex-grow:1;position:relative}.pcb-thumbnail-selector::-webkit-scrollbar{height:6px}.pcb-thumbnail-selector::-webkit-scrollbar-track{background:var(--color-artifact-bg);border-radius:var(--border-radius-pill)}.pcb-thumbnail-selector::-webkit-scrollbar-thumb{background-color:var(--color-surface-200);border-radius:var(--border-radius-pill);border:1px solid var(--color-border-muted)}.pcb-thumbnail-selector::-webkit-scrollbar-thumb:hover{background-color:var(--color-surface-100)}.pcb-thumbnail-item{flex:0 0 auto;width:100px;height:80px;background-color:var(--color-surface-200);border:2px solid transparent;border-radius:var(--border-radius-base);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,transform .2s,background-color .2s;padding:var(--spacing-xs);box-shadow:0 2px 4px #0003}.pcb-thumbnail-item:hover{transform:translateY(-2px);background-color:var(--color-surface-100);border-color:var(--color-border-secondary)}.pcb-thumbnail-item.active-model-thumbnail{border-color:var(--color-accent-primary);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent-primary) 30%,transparent);background-color:var(--color-surface-100)}.pcb-thumbnail-item img,.pcb-thumbnail-item .placeholder-thumb-visual{width:100%;height:50px;object-fit:cover;border-radius:calc(var(--border-radius-base) - 2px);margin-bottom:var(--spacing-xs);background-color:var(--color-surface-300);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-foreground-muted)}.pcb-thumbnail-item span{font-size:.7rem;color:var(--color-foreground-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.pcb-thumbnail-item.active-model-thumbnail span{color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.scroll-arrow{background-color:var(--color-surface-100);color:var(--color-foreground-secondary);border:1px solid var(--color-border-primary);border-radius:50%;width:32px;height:32px;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,transform .2s;flex-shrink:0}.scroll-arrow:hover{background-color:var(--color-surface-200);color:var(--color-foreground-primary);transform:scale(1.1)}.scroll-arrow:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.scroll-arrow.prev-arrow{margin-right:var(--spacing-sm)}.scroll-arrow.next-arrow{margin-left:var(--spacing-sm)}.pcb-thumbnail-selector-wrapper:before,.pcb-thumbnail-selector-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease-in-out}.pcb-thumbnail-selector-wrapper:before{left:32px;background:linear-gradient(to right,var(--color-artifact-bg),transparent)}.pcb-thumbnail-selector-wrapper.can-scroll-left:before{opacity:1}.pcb-thumbnail-selector-wrapper:after{right:32px;background:linear-gradient(to left,var(--color-artifact-bg),transparent)}.pcb-thumbnail-selector-wrapper.can-scroll-right:after{opacity:1}.artifact-meta-pills{display:flex;gap:var(--spacing-sm);align-items:center;flex-shrink:0;justify-content:center;width:100%}.meta-pill{background-color:var(--color-surface-200);color:var(--color-foreground-secondary);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-pill);border:1px solid var(--color-border-primary);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.meta-pill .material-symbols-rounded{font-size:1rem;color:var(--color-foreground-muted)}.meta-pill-label{color:var(--color-foreground-muted);font-size:.8rem}#pcb-3d-render-container{background-color:#000;padding:var(--spacing-sm);border-radius:var(--border-radius-large);border:1px solid var(--color-border-primary);position:relative;overflow:hidden;box-shadow:0 0 40px color-mix(in srgb,var(--color-accent-primary) 15%,transparent),inset 0 0 20px #0009;min-height:400px;display:flex;justify-content:center;align-items:center;width:100%;height:100%}#pcb-3d-render-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.07;background-image:linear-gradient(var(--color-accent-primary) 1px,transparent 1px),linear-gradient(90deg,var(--color-accent-primary) 1px,transparent 1px);background-size:30px 30px,30px 30px;pointer-events:none}#pcb-3d-render-container:after{content:"";position:absolute;top:50%;left:50%;width:160%;height:160%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent-primary) 10%,transparent),color-mix(in srgb,var(--color-accent-primary) 0%,transparent) 55%);transform:translate(-50%,-50%);opacity:.8;z-index:0;pointer-events:none;filter:blur(25px)}#pcb-3d-render-container canvas{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:grab}#pcb-3d-render-container canvas:active{cursor:grabbing}#loading-indicator{color:var(--color-foreground-secondary);text-align:center;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem}.annotation{position:absolute;background-color:var(--color-surface-100);color:var(--color-foreground-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-base);border:1px solid var(--color-border-primary);font-size:.8rem;pointer-events:none;transform:translate(-50%,-120%);white-space:nowrap;box-shadow:0 2px 5px #0003;opacity:0;transition:opacity .2s ease}.annotation.visible{opacity:1}.artifact-description{margin-top:var(--spacing-lg);font-size:.95rem;color:var(--color-foreground-secondary)}.artifact-description p{max-width:100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.skill-item{background-color:var(--color-surface-100);padding:var(--spacing-lg);border-radius:var(--border-radius-base);text-align:center;border:1px solid var(--color-border-primary);transition:transform .2s ease-out,box-shadow .2s ease-out}.skill-item:hover{transform:translateY(-4px);box-shadow:0 8px 15px #00000026,0 0 10px color-mix(in srgb,var(--color-accent-primary) 5%,transparent)}.skill-item .material-symbols-rounded{font-size:2.2rem;color:var(--color-accent-primary);margin-bottom:var(--spacing-sm);font-variation-settings:"wght" 400}.skill-item h3{font-size:1.05rem;color:var(--color-foreground-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.skill-item p{font-size:.85rem;color:var(--color-foreground-muted);line-height:1.5;margin-bottom:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--spacing-lg)}.project-card{background-color:var(--color-surface-100);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-large);overflow:hidden;transition:border-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;display:flex;flex-direction:column}.project-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-inset-strong);pointer-events:none;opacity:.8}.project-card:hover{border-color:var(--color-border-secondary);transform:translateY(-5px);box-shadow:0 10px 20px #0003,0 0 15px color-mix(in srgb,var(--color-accent-primary) 10%,transparent)}.project-card-image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-surface-200)}.project-card-image-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(1rem);opacity:.1;transform:scale(1.1);transition:opacity .3s ease}.project-card:hover .project-card-image-blur{opacity:.2}.project-card-image-main{position:relative;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:.95;transition:opacity .3s ease}.project-card:hover .project-card-image-main{opacity:1}.project-card-content{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.project-card h3{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.project-card h3 a{color:var(--color-accent-primary);text-decoration:none;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--color-accent-primary) 20%,transparent);transition:color .15s,text-decoration-color .15s}.project-card h3 a:hover{color:var(--color-accent-primary-hover);text-decoration-color:var(--color-accent-primary-hover)}.project-card .project-date{font-size:.8rem;color:var(--color-foreground-muted);margin-bottom:var(--spacing-md)}.project-card .project-description{font-size:.9rem;color:var(--color-foreground-secondary);margin-bottom:var(--spacing-md);line-height:1.5;flex-grow:1}.project-card .tech-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto}.tech-pill{background-color:var(--color-surface-200);color:var(--color-foreground-muted);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-pill);border:1px solid var(--color-border-muted)}.contact-methods{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.contact-methods a{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-100);color:var(--color-accent-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);text-decoration:none;font-weight:var(--font-weight-medium);transition:background-color .2s,border-color .2s,color .2s,transform .2s}.contact-methods a:hover{background-color:var(--color-surface-200);border-color:var(--color-border-secondary);color:var(--color-accent-primary-hover);text-decoration:none;transform:translateY(-2px)}.contact-methods .material-symbols-rounded{font-size:1.2rem}.site-footer{padding:var(--spacing-lg) var(--spacing-md);text-align:center;font-size:.85rem;color:var(--color-foreground-muted);background-color:var(--color-surface-300)}.site-footer .container{border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-lg)}.site-footer p{margin-bottom:var(--spacing-xs);max-width:100%}.site-footer a{color:var(--color-foreground-secondary);text-decoration:none}.site-footer a:hover{color:var(--color-accent-primary);text-decoration:underline}.animated-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:calc(.08s * var(--animation-order, 0))}.animated-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-children>*:not(script):not(style){opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:calc(.1s * var(--animation-order-child, 0))!important}.stagger-children.visible>*:not(script):not(style){opacity:1;transform:translateY(0)}.custom-cursor{position:fixed;left:0;top:0;width:10px;height:10px;background-color:var(--color-accent-primary);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;transition:width .15s ease-out,height .15s ease-out,background-color .15s ease-out,opacity .15s ease-out,transform .05s linear;opacity:0}.custom-cursor.visible{opacity:.8}.custom-cursor.hover-interactive{width:30px;height:30px;background-color:color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.custom-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background-color:var(--color-foreground-on-accent);border-radius:50%;transform:translate(-50%,-50%);transition:background-color .3s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.custom-cursor{display:none!important}}@media (max-width: 768px){.site-header-inner{flex-direction:column;gap:var(--spacing-md)}.header-actions{width:100%;justify-content:space-between}.site-nav ul{gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-section h1{font-size:2rem}.hero-section .subtitle{font-size:1.1rem}.content-section h1{font-size:1.8rem}.content-section h2{font-size:1.5rem}.pcb-thumbnail-selector-wrapper:before,.pcb-thumbnail-selector-wrapper:after{display:none}.pcb-thumbnail-item{width:80px;height:70px}.pcb-thumbnail-item img,.pcb-thumbnail-item .placeholder-thumb-visual{height:40px}.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.site-nav ul{gap:var(--spacing-sm);font-size:.9rem}.hero-actions{flex-direction:column}.hero-actions a{width:100%;text-align:center}.skills-grid{grid-template-columns:1fr}#pcb-3d-render-container{min-height:300px}.custom-cursor{display:none!important}}.hero-section[data-astro-cid-bbe6dxrz]{position:relative;min-height:70vh;padding-top:calc(var(--spacing-xl) * 2);padding-bottom:calc(var(--spacing-xl) * 2);display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-background)}.hero-container-text-centric[data-astro-cid-bbe6dxrz]{width:90%;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.hero-content[data-astro-cid-bbe6dxrz]{position:relative;z-index:2}.hero-content[data-astro-cid-bbe6dxrz] h1[data-astro-cid-bbe6dxrz]{font-size:3.2rem;line-height:1.15;margin-bottom:var(--spacing-lg);color:var(--color-foreground-primary);font-weight:700}.hero-content[data-astro-cid-bbe6dxrz] .subtitle[data-astro-cid-bbe6dxrz]{font-size:1.2rem;margin-bottom:var(--spacing-xl);color:var(--color-foreground-secondary);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions[data-astro-cid-bbe6dxrz]{margin-top:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.button-primary[data-astro-cid-bbe6dxrz]{background-color:var(--color-accent-primary);color:var(--color-background-on-accent);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-base);text-decoration:none;font-weight:var(--font-weight-medium);transition:background-color .3s ease,transform .2s ease;border:1px solid transparent}.button-primary[data-astro-cid-bbe6dxrz]:hover{background-color:color-mix(in srgb,var(--color-accent-primary) 85%,black);transform:translateY(-2px)}.button-text[data-astro-cid-bbe6dxrz]{background-color:transparent;color:var(--color-accent-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-base);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .3s ease,background-color .3s ease;border:1px solid transparent}.button-text[data-astro-cid-bbe6dxrz]:hover{color:color-mix(in srgb,var(--color-accent-primary) 80%,white);background-color:color-mix(in srgb,var(--color-accent-primary) 10%,transparent)}.pcb-showcase-section[data-astro-cid-zv7iiwpa]{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);background-color:var(--color-surface-alt)}.pcb-showcase-container[data-astro-cid-zv7iiwpa]{width:90%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.pcb-showcase-area[data-astro-cid-zv7iiwpa]{position:relative;min-height:500px;height:60vh;max-height:700px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--border-radius-xlarge);box-shadow:0 8px 24px #0000001a}#pcb-3d-render-container[data-astro-cid-zv7iiwpa]{width:100%;height:100%;border-radius:var(--border-radius-xlarge);position:relative;overflow:hidden}#loading-indicator[data-astro-cid-zv7iiwpa]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-foreground-secondary);font-size:var(--font-size-lg)}.overlay-top[data-astro-cid-zv7iiwpa]{position:absolute;top:var(--spacing-md);left:50%;transform:translate(-50%);width:auto;max-width:calc(100% - var(--spacing-lg));z-index:3;display:flex;justify-content:center}.pcb-thumbnail-selector-wrapper[data-astro-cid-zv7iiwpa]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);background-color:color-mix(in srgb,var(--color-surface-100) 80%,transparent);backdrop-filter:blur(8px);border-radius:var(--border-radius-large);box-shadow:0 2px 8px #00000026}.pcb-thumbnail-selector[data-astro-cid-zv7iiwpa]{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--color-surface-300) var(--color-surface-100)}.pcb-thumbnail-selector[data-astro-cid-zv7iiwpa]::-webkit-scrollbar{height:8px}.pcb-thumbnail-selector[data-astro-cid-zv7iiwpa]::-webkit-scrollbar-track{background:var(--color-surface-100);border-radius:4px}.pcb-thumbnail-selector[data-astro-cid-zv7iiwpa]::-webkit-scrollbar-thumb{background-color:var(--color-surface-300);border-radius:4px}.pcb-thumbnail-item[data-astro-cid-zv7iiwpa]{border:2px solid transparent;border-radius:var(--border-radius-base);padding:var(--spacing-xs);text-align:center;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--color-surface-200);min-width:100px;opacity:.8}.pcb-thumbnail-item[data-astro-cid-zv7iiwpa]:hover,.pcb-thumbnail-item[data-astro-cid-zv7iiwpa].active{border-color:var(--color-accent-primary);background-color:var(--color-surface-300);transform:translateY(-2px);opacity:1}.pcb-thumbnail-item[data-astro-cid-zv7iiwpa] img[data-astro-cid-zv7iiwpa]{width:100%;height:60px;object-fit:cover;border-radius:calc(var(--border-radius-base) - 2px);margin-bottom:var(--spacing-xs)}.pcb-thumbnail-item[data-astro-cid-zv7iiwpa] .placeholder-thumb-visual[data-astro-cid-zv7iiwpa]{width:100%;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:calc(var(--border-radius-base) - 2px);margin-bottom:var(--spacing-xs)}.pcb-thumbnail-item[data-astro-cid-zv7iiwpa] span[data-astro-cid-zv7iiwpa]{display:block;font-size:.7rem;color:var(--color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.pcb-thumbnail-item[data-astro-cid-zv7iiwpa].active span[data-astro-cid-zv7iiwpa]{color:var(--color-foreground-primary);font-weight:var(--font-weight-medium)}.overlay-bottom-left[data-astro-cid-zv7iiwpa]{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);z-index:3;width:calc(60% - var(--spacing-lg));max-width:450px}.pcb-showcase-area[data-astro-cid-zv7iiwpa] .artifact-description[data-astro-cid-zv7iiwpa]{background-color:color-mix(in srgb,var(--color-surface-100) 85%,transparent);backdrop-filter:blur(8px);padding:var(--spacing-md);border-radius:var(--border-radius-base);box-shadow:0 2px 10px #0003}.pcb-showcase-area[data-astro-cid-zv7iiwpa] .artifact-description[data-astro-cid-zv7iiwpa] p[data-astro-cid-zv7iiwpa]{font-size:.9rem;margin-bottom:var(--spacing-xs);color:var(--color-foreground-secondary);line-height:1.5}.pcb-showcase-area[data-astro-cid-zv7iiwpa] .artifact-description[data-astro-cid-zv7iiwpa] p[data-astro-cid-zv7iiwpa]#pcb-dynamic-description{color:var(--color-foreground-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.pcb-showcase-area[data-astro-cid-zv7iiwpa] .artifact-description[data-astro-cid-zv7iiwpa] .button-primary[data-astro-cid-zv7iiwpa]{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;display:inline-block}@media (max-width: 768px){.pcb-showcase-area[data-astro-cid-zv7iiwpa]{height:50vh;min-height:400px}.overlay-bottom-left[data-astro-cid-zv7iiwpa]{width:calc(90% - var(--spacing-lg));max-width:none;left:50%;transform:translate(-50%);bottom:var(--spacing-sm);text-align:center}.pcb-showcase-area[data-astro-cid-zv7iiwpa] .artifact-description[data-astro-cid-zv7iiwpa]{padding:var(--spacing-sm)}.pcb-showcase-area[data-astro-cid-zv7iiwpa] .artifact-description[data-astro-cid-zv7iiwpa] p[data-astro-cid-zv7iiwpa]{font-size:.85rem}}.contact-icon[data-astro-cid-xmivup5a]{margin-right:8px;vertical-align:middle}