*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #ffffff;--surface: #ffffff;--border: #ffffff;--text: #6c6c6d;--muted: #6b7280;--accent: #232323;--danger: #dc2626;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "Menlo", "Consolas", "SF Mono", monospace}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--text)}.app-header{padding:10px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.app-header h1{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.app-main{flex:1;min-height:0;display:flex;gap:14px;padding:14px;align-items:stretch;overflow:hidden}.template-panel{flex:1;min-height:0;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:1px;padding:14px;display:flex;flex-direction:column}.svg-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:1px;overflow:hidden}.tmpl-svg{display:block;width:100%;height:100%}.panel-footer{flex-shrink:0;display:flex;align-items:center;gap:12px;margin-top:8px}.legend{flex:1;font-size:.75rem;color:var(--muted)}.btn-print{flex-shrink:0;padding:5px 14px;background:#fff;color:#000;border:1px solid #000;border-radius:1px;font-size:.82rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:border-color .15s,color .15s}.btn-print:hover{background:#f0f0f0}.plot-bg{fill:#fff}.grid-line{stroke:#7d7d7d;stroke-width:.2}.axis-line{stroke:#393939;stroke-width:.4}.x-axis-line{stroke:#393939;stroke-width:.4;stroke-dasharray:1 1 5 1}.tick-label{font-size:3px;font-family:var(--mono);fill:#9ca3af}.title-label{font-size:4px;font-family:var(--font);fill:var(--text);font-weight:600}.annotations{font-size:3.5px;font-family:var(--font);fill:var(--text);font-weight:600}.axis-arrow{stroke:#6b7280;stroke-width:.35}.ski-edge{stroke:#000;stroke-width:.25;stroke-dasharray:2 1;fill:none}.mount-line,.bsl-mark{stroke:#000;stroke-width:.3;fill:none}.hole-ring{fill:none;stroke:#000;stroke-width:.25}.hole-cl{stroke:#000;stroke-width:.18}.hole-dot{fill:#000}.hole-label{font-size:3px;font-family:var(--mono);fill:#000;font-weight:600}.left-panel{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.side-panel{width:272px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:1px;padding:5px}.card h2{font-size:.85rem;font-weight:600;margin-bottom:6px}.count{font-weight:400;color:var(--muted)}.fields{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.field{display:flex;flex-direction:column;gap:4px}.field-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--muted)}.field span{font-size:.75rem;font-weight:500;color:var(--muted)}.field input{padding:7px 10px;border:1px solid var(--border);border-radius:1px;font-size:.9rem;font-family:var(--font);background:var(--bg);color:var(--text);border-color:var(--muted);transition:border-color .15s;width:100%;outline:none}.field input:focus{border-color:var(--accent);background:var(--surface)}.error{font-size:.75rem;color:var(--danger);margin-bottom:8px}.btn-row{display:flex;gap:8px}.btn-add{flex:1;padding:9px;background:#fff;color:#000;border:1px solid #000;border-radius:1px;font-size:.88rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .15s}.btn-add:hover{background:#f0f0f0}.empty{font-size:.82rem;color:var(--muted);text-align:center;padding:10px 0}.hole-list{list-style:none;display:flex;flex-direction:column;gap:5px}.hole-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg);border-radius:6px}.hole-idx{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent);color:#fff;border-radius:50%;font-size:.68rem;font-weight:700;flex-shrink:0}.hole-coords{flex:1;font-family:var(--mono);font-size:.76rem;color:var(--text)}.btn-del{background:none;border:none;cursor:pointer;color:var(--muted);font-size:1.1rem;line-height:1;padding:2px 4px;border-radius:3px;transition:color .15s}.btn-del:hover{color:var(--danger)}.print-only{display:none}@media print{@page{margin:5mm}html,body{height:auto!important;min-height:0!important;overflow:visible!important}.app-header,.left-panel,.side-panel,.panel-footer{display:none!important}.app,.app-main,.template-panel,.svg-container{all:unset;display:block;overflow:visible!important}.tmpl-svg{display:block!important;width:var(--print-w)!important;height:var(--print-h)!important;max-width:none!important;max-height:none!important;overflow:visible!important}.tmpl-svg.screen-only{display:none!important}.print-only{display:block!important}.print-page{break-after:page}}