.viewer-app{--ink:#0c1715;--paper:#fffefa;--paper-deep:#f3f1e9;--lime:#d8ff55;--coral:#ff705b;--mint:#a8f2cf;min-height:42rem;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--paper);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.viewer-app *{box-sizing:border-box}.viewer-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.viewer-app .empty{min-height:42rem;display:grid;place-content:center;justify-items:center;gap:1rem;padding:3rem 1.5rem;text-align:center;background:radial-gradient(circle at 78% 12%,var(--lime),transparent 25rem),var(--paper)}.viewer-app .path-mark{display:flex;align-items:end;justify-content:center;gap:.38rem;width:5.5rem;height:5.5rem;padding:1rem;border:1px solid var(--ink);border-radius:1rem;background:var(--paper);box-shadow:4px 4px 0 var(--coral)}.viewer-app .path-mark i{display:block;width:.45rem;border-radius:.4rem;background:var(--ink)}.viewer-app .path-mark i:nth-child(1){height:2rem}.viewer-app .path-mark i:nth-child(2){height:3rem;background:var(--mint)}.viewer-app .path-mark i:nth-child(3){height:3.8rem;background:var(--lime)}.viewer-app .eyebrow{margin:0;color:#4f625a;font-size:.73rem;font-weight:900;letter-spacing:.14em}.viewer-app .empty h1{max-width:38rem;margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:.95;letter-spacing:-.05em}.viewer-app .empty>p{max-width:36rem;margin:0;color:#45564e;line-height:1.5}.viewer-app .home-flow{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:7rem}.viewer-app .gcode-card{display:grid;place-items:center;width:5rem;height:6rem;border:1px solid var(--ink);border-radius:.75rem;background:var(--mint);font-weight:900;box-shadow:3px 3px 0 var(--ink)}.viewer-app .gcode-card span{font-size:.75rem}.viewer-app .data-flow{display:none}.viewer-app .benchy-toolpath{width:10rem;height:auto}.viewer-app .toolpath-line{stroke:var(--coral);stroke-width:1.6}.viewer-app .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(32rem,100%)}.viewer-app .action-card{min-height:6.7rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;padding:1rem;border:1px solid var(--ink);border-radius:.7rem;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;font:inherit}.viewer-app .action-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--coral)}.viewer-app .action-card strong{font-size:1rem}.viewer-app .action-card small{color:#52635b}.viewer-app .demo-button.action-card{background:var(--lime)}.viewer-app footer{max-width:34rem;color:#52635b;font-size:.78rem;line-height:1.45}.viewer-app .viewer-shell{position:relative;min-height:42rem;background:var(--ink)}.viewer-app .viewer{position:absolute;inset:0}.viewer-app .viewer canvas{touch-action:none}.viewer-app .viewer-bar{position:absolute;z-index:2;top:1rem;left:1rem;right:1rem;display:flex;gap:.55rem}.viewer-app .file-chip,.viewer-app .icon-button{height:2.8rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--coral)}.viewer-app .file-chip{display:grid;place-items:center;width:2.8rem;overflow:hidden}.viewer-app .icon-button{width:2.8rem;display:grid;place-items:center;cursor:pointer}.viewer-app .primary-icon{background:var(--lime)}.viewer-app .layer-sheet{position:absolute;z-index:2;right:1rem;bottom:1rem;left:1rem;padding:1rem;border:1px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--coral)}.viewer-app .layer-sheet label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.viewer-app .layer-sheet input{width:100%;accent-color:var(--coral)}.viewer-app .legend,.viewer-app .build-status{position:absolute;z-index:2;left:1rem;bottom:5.5rem;padding:.5rem .75rem;border:1px solid var(--ink);background:var(--paper);font-size:.75rem}.viewer-app .gradient{display:inline-block;width:2.5rem;height:.4rem;background:linear-gradient(90deg,var(--mint),var(--coral))}.viewer-app .modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0c17158c}.viewer-app .details{width:min(32rem,100%);padding:1.5rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--coral)}.viewer-app .close,.viewer-app .ghost{min-height:2.5rem;padding:0 .8rem;border:1px solid var(--ink);background:var(--paper-deep);color:var(--ink);font-weight:800;cursor:pointer}.viewer-app .ghost[aria-pressed=true]{background:var(--lime);box-shadow:3px 3px 0 var(--coral);transform:translate(-1px,-1px)}.viewer-app .close{float:right}.viewer-app .details dl div{display:flex;justify-content:space-between;padding:.8rem 0;border-top:1px solid #bdc4bc}.viewer-app .details dd{margin:0;font-weight:800}.viewer-app .appearance-controls{display:grid;gap:.8rem}.viewer-app .appearance-controls label{display:flex;justify-content:space-between;gap:1rem}.viewer-app .view-grid,.viewer-app .segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:560px){.viewer-app{min-height:35rem}.viewer-app .empty{min-height:35rem;padding:2rem 1rem}.viewer-app .home-actions{grid-template-columns:1fr}.viewer-app .viewer-shell{min-height:35rem}}