.pro-hero{padding-bottom:2.5rem}.pro-hero p{max-width:42rem}.pro-hero .link-arrow{margin-top:1rem}.pro-shell{padding-bottom:7rem}.pro-topbar,.canvas-bar,.canvas-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pro-topbar{border-block:1px solid var(--line);padding:1rem 0}.control-group{flex-wrap:wrap;gap:.5rem;display:flex}.pro-shell button,.pro-shell select,.pro-shell input{font:inherit}.control-group button,.canvas-actions button,.canvas-footer button,.pro-final-actions button,.edge-remove{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #8e968d;min-height:44px;padding:.55rem .9rem}.control-group button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.unit-control{white-space:nowrap;align-items:center;gap:.6rem;font-size:.87rem;display:flex}.unit-control select{background:var(--paper);border:1px solid #8e968d;min-height:44px;padding:.4rem}.pro-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:2rem;padding-top:1.5rem;display:grid}.drawing-column{min-width:0}.canvas-bar,.canvas-footer{color:var(--muted);padding:.7rem .2rem;font-size:.8rem}.canvas-actions,.canvas-footer-actions{white-space:nowrap;gap:.25rem;display:flex}.canvas-actions button{min-width:44px;padding:.45rem}.drawing-column svg{border:1px solid var(--line);touch-action:none;cursor:crosshair;background:#f8f8f4;width:100%;height:min(62vw,610px);min-height:390px;display:block}.canvas-footer{align-items:flex-start}.canvas-footer span{max-width:34rem}.pro-step span{color:var(--orange);letter-spacing:.08em;font-size:.75rem}.pro-step h2{margin:.5rem 0;font-size:2.1rem;font-weight:500;line-height:1.1}.pro-step p,.microcopy,.pro-disclaimer{color:var(--muted);font-size:.9rem;line-height:1.7}.properties-column{border-inline-start:1px solid var(--line);padding-inline-start:1.5rem}.properties-column label{gap:.35rem;font-size:.86rem;display:grid}.properties-column input,.properties-column select{text-align:right;direction:ltr;background:#fff;border:1px solid #8e968d;width:100%;min-height:42px;padding:.45rem}.properties-column .check-line{align-items:center;gap:.5rem;display:flex}.properties-column input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--orange)}.field-row{grid-template-columns:minmax(0,1fr) minmax(80px,.6fr);align-items:end;gap:.5rem;margin-block:.7rem;display:grid}.edge-card{border-top:1px solid var(--line);padding:.9rem 0}.edge-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.edge-heading strong{font-size:.9rem;font-weight:600}.edge-heading small{color:var(--muted);font-size:.75rem}.edge-options{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.edge-card .microcopy{margin:.45rem 0 0;font-size:.75rem}.circle-fields{gap:.7rem;margin-block:1rem;display:grid}.hole-panel{border-top:1px solid var(--line);padding:1.2rem 0}.hole-panel #pro-hole-fields{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;display:grid}.hole-panel #pro-hole-fields label:first-child,.hole-panel .microcopy{grid-column:1/-1}.pro-result{color:#fff;background:#23352c;margin-top:1rem;padding:1.5rem}.pro-result span,.pro-result small{color:#c9d2c8;display:block}.pro-result strong{margin:.4rem 0;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;display:block}.pro-result p{color:#f8c5a4;margin:.5rem 0 0;line-height:1.5}.pro-result p:empty{display:none}.pro-final-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.pro-final-actions>*{flex:1}.pro-final-actions a[aria-disabled=true],.pro-final-actions button:disabled{opacity:.5;pointer-events:none}.pro-disclaimer{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}.point-info{color:var(--muted);font-size:.8rem}@media (width<=980px){.pro-layout{grid-template-columns:1fr}.properties-column{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:1.5rem}.drawing-column svg{height:58vw}}@media (width<=600px){.pro-topbar{flex-direction:column;align-items:stretch}.control-group{grid-template-columns:repeat(2,1fr);display:grid}.control-group button{padding:.5rem}.drawing-column svg{height:390px}.canvas-bar,.canvas-footer{align-items:flex-start}.canvas-bar{flex-direction:column}.canvas-actions{justify-content:flex-end;width:100%}.pro-final-actions{flex-direction:column}}.pro-top-actions,.draw-tools,.draw-tool-group{align-items:center;gap:.55rem;display:flex}.canvas-footer-actions{white-space:normal;flex-wrap:wrap}.pro-top-actions{flex-wrap:wrap;justify-content:flex-end}.pro-top-actions>button,.draw-tools button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #8e968d;min-height:44px;padding:.55rem .85rem}.draw-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;padding:.65rem .2rem}.draw-tool-group{flex-wrap:wrap}.draw-tools [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.draw-tools button:disabled{opacity:.45;cursor:not-allowed}.ortho-control{white-space:nowrap;cursor:pointer;align-items:center;gap:.35rem;min-height:44px;font-size:.82rem;display:inline-flex}.ortho-control input{width:20px;height:20px;accent-color:var(--orange)}.current-segment{background:var(--paper);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.55rem .2rem;display:flex}.current-segment label{font-size:.84rem;font-weight:600}.current-segment input{text-align:right;direction:ltr;background:#fff;border:1px solid #8e968d;width:8rem;min-height:42px;padding:.4rem .55rem}.current-segment input:disabled{background:#eceee9}.current-segment output{color:var(--muted);font-size:.76rem}.pro-help{inset-inline-end:1rem;z-index:1100;border:2px solid var(--orange);width:min(390px,100vw - 2rem);color:var(--ink);background:#fff;padding:1rem 1.15rem;position:fixed;bottom:1rem;box-shadow:0 14px 50px #17231c44}.pro-help>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pro-help strong{font-size:1.05rem}.pro-help p{margin:.65rem 0 0;font-size:.9rem;line-height:1.65}.pro-help button{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.8rem;line-height:1}.pro-shell.is-expanded{z-index:1000;background:var(--paper);flex-direction:column;width:100%;max-width:none;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.pro-shell.is-expanded .pro-topbar{flex:none;margin:0;padding:.5rem 1rem}.pro-shell.is-expanded .pro-layout{flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;min-height:0;padding:0;display:grid;position:relative}.pro-shell.is-expanded .drawing-column{flex-direction:column;min-height:0;padding:0 1rem;display:flex}.pro-shell.is-expanded .drawing-column svg{flex:1;width:100%;height:auto;min-height:0}.pro-shell.is-expanded .canvas-bar,.pro-shell.is-expanded .canvas-footer,.pro-shell.is-expanded .current-segment{flex:none}.pro-shell.is-expanded .properties-column,.pro-shell.is-expanded .pro-disclaimer{display:none}.pro-shell.is-expanded #pro-properties{display:inline-flex}.pro-shell.is-expanded.show-properties .pro-layout{grid-template-columns:minmax(0,1fr) minmax(285px,340px)}.pro-shell.is-expanded.show-properties .properties-column{border-inline-start:1px solid var(--line);background:var(--paper);border-top:0;padding:1rem;display:block;overflow:auto}@media (width<=760px){.pro-shell.is-expanded .pro-topbar{flex-direction:column;align-items:stretch;gap:.4rem}.pro-shell.is-expanded .control-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.pro-shell.is-expanded .control-group button{padding:.3rem;font-size:.82rem}.pro-shell.is-expanded .pro-top-actions{justify-content:space-between}.pro-shell.is-expanded .draw-tools{gap:.4rem}.pro-shell.is-expanded .draw-tools button{padding:.4rem .55rem;font-size:.82rem}.pro-shell.is-expanded .ortho-control{min-height:36px;font-size:.75rem}.pro-shell.is-expanded .current-segment{gap:.4rem;padding:.3rem 0}.pro-shell.is-expanded .current-segment output{display:none}.pro-shell.is-expanded .current-segment input{min-height:36px}.pro-shell.is-expanded .drawing-column{padding:0 .55rem}.pro-shell.is-expanded .drawing-column svg{min-height:120px}.pro-shell.is-expanded .canvas-bar{padding:.4rem 0;font-size:.75rem}.pro-shell.is-expanded .canvas-actions{width:auto}.pro-shell.is-expanded .canvas-footer{flex-direction:column;gap:.4rem;padding:.4rem 0;display:flex}.pro-shell.is-expanded .canvas-footer span{display:none}.pro-shell.is-expanded.show-properties .pro-layout{grid-template-columns:1fr}.pro-shell.is-expanded.show-properties .properties-column{z-index:2;border-inline-start:0;border-top:1px solid var(--line);width:100%;position:absolute;inset:0}}