body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:0;margin:0;height:100vh;position:relative;overflow:hidden;color:#000;background-color:#fff}.hidden{display:none}#info{position:absolute;top:10px;right:10px;background-color:#fffc;border-radius:50%;text-align:center;vertical-align:middle;font-size:40px;width:50px;height:50px;box-shadow:0 1px 3px #0000001a;z-index:2}#info-panel{position:absolute;top:50%;left:50%;width:40vw;height:80vh;transform:translate(-50%) translateY(-50%);overflow:scroll;background-color:#fff;border-radius:8px;padding:0 15px;box-shadow:0 1px 3px #0000001a;z-index:3}#close-cont{position:sticky;top:0;right:0;padding:10px 0;background:#fff}#close-info{background:none;border:none;font-size:24px;cursor:pointer}.tooltip{z-index:3}.tooltip[data-gv-tooltip]:after{content:attr(data-gv-tooltip);position:absolute;left:0;background-color:#232323;color:#fff;font-size:.75rem;padding:8px 12px;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:4}.tooltip[data-gv-tooltip]:after{bottom:101%}.tooltip.bottom[data-gv-tooltip]:after{top:125%;bottom:auto}.tooltip[data-gv-tooltip]:hover:after{opacity:1;visibility:visible}h3{margin:10px;padding:0;color:#000}.hm{position:absolute;bottom:5px;left:5px}#gerber-input{background-color:#00000072;color:#fff;border:#000000 1px solid;padding:10px;border-radius:8px;box-shadow:0 1px 3px #0000001a}#choose-view button{background:#4a5568;box-shadow:0 2px 5px #0003;border:none;padding:5px 12px;border-radius:12%;color:#fff;font-size:12pt;cursor:pointer;transition:background-color .2s ease}#choose-view button:hover{background-color:#2d3748}#choose-view{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 1px 3px #0000001a}#controls{position:absolute;bottom:10px;right:50%;transform:translate(50%);width:fit-content;background-color:#ffffff58;padding:10px;border-radius:8px;box-shadow:0 1px 3px #0000001a;z-index:2}#zoom-slider{width:20vw}button.control{padding:0;margin:0;width:36px;height:36px;background:#4a5568;box-shadow:0 2px 5px #0003;border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:background-color .2s ease}button.control:hover{background-color:#2d3748}#reset{position:absolute;bottom:100%;right:50%;transform:translate(50%)}#scene-container{position:absolute;inset:0;width:100vw;height:100vh;background-color:#f0f2f5;z-index:1}#svg{width:100%;height:100%;background-color:#cedae5;background:radial-gradient(circle at center,#fff,#b4b4b4 75%,#8f8f8f)}#layers-panel{pointer-events:none;position:absolute;width:100%;height:50%;top:50%;left:10px;transform:translateY(-50%);max-width:calc(20vw + 10px);width:fit-content;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2}#layers-list{pointer-events:auto;width:200px;height:300px;max-width:20vw;background-color:#fafafa;border:1px solid #e2e8f0;border-radius:6px;overflow-y:auto}.layer-control{background-color:#f7fafc;display:flex;align-items:center;padding:8px;border-bottom:1px solid #e2e8f0}.layer-control:last-child{border-bottom:none}.layer-control input[type=color]{width:25px;height:25px;border:1px solid #ccc;border-radius:4px;flex-shrink:0;cursor:pointer}.layer-control input[type=checkbox]{width:16px;height:16px;flex-shrink:0;cursor:pointer}.layer-control span{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem}