.path-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 24px}.path-style{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #c5d2bb;background:#f7f8ee;padding:15px 17px;min-height:84px;color:#425a3b;transition:background .18s,transform .18s,border-color .18s}.path-style:hover{background:#eaf0df;transform:translateY(-2px)}.path-style[aria-pressed=true]{border-color:#6d8b5e;background:#e0ead5;box-shadow:inset 3px 0 #718e61,0 2px #c6d6b8}.path-style b{display:block;font:19px var(--pixel-font)}.path-style small{display:block;color:#7a876e;font:11px/1.6 Arial;margin-top:5px}.path-style i{display:block;width:28px;height:42px;flex:none;background:linear-gradient(135deg,var(--c0) 0 34%,var(--c1) 34% 68%,var(--c2) 68%);clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%,0 20%,20% 20%);border:1px solid #0001}.path-main .bridge-heading h1 .mc-beta-badge{vertical-align:middle;font-size:11px}.path-options input:disabled{opacity:.4}.path-stage,.path-stage canvas{min-height:560px}#pathBusy{position:absolute;inset:0;display:grid;place-items:center;background:#e0e9d5eb;color:#566e47;font:15px var(--pixel-font);z-index:2}#pathBusy[hidden]{display:none}#pathStatus{margin:0;padding:0 16px;color:#866b44;font:12px/1.6 Arial}#pathStatus:not(:empty){padding-top:12px}#pathMaterials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.path-material-name{text-transform:capitalize}.path-main .bridge-options .bridge-note{font-size:11px}.path-main .bridge-view-toolbar>div{flex-wrap:wrap}.path-main [hidden]{display:none!important}@media(max-width:900px){.path-styles{grid-template-columns:repeat(2,1fr)}.path-style{padding:12px}.path-style b{font-size:17px}#pathMaterials{grid-template-columns:repeat(2,minmax(0,1fr))}.path-stage,.path-stage canvas{min-height:490px}}@media(max-width:620px){.path-style{gap:8px;min-height:90px}.path-style i{width:20px;height:35px}.path-style b{font-size:17px}.path-style small{font-size:10px}.path-options .bridge-more{grid-column:1/-1}.path-stage,.path-stage canvas{min-height:395px}#pathMaterials{grid-template-columns:1fr}.path-main .bridge-view-toolbar{gap:12px}.path-main .bridge-heading h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.path-style{transition:none}.path-style:hover{transform:none}}html[data-motion=reduce] .path-style{transition:none}