:root{font-family:Arial,Helvetica,sans-serif;color:#302f2b;background:#f7f6f2;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:76px;border-bottom:1px solid #dedbd3;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:16px}.brand{letter-spacing:2px;font-size:12px}.brand span{margin:0 20px;color:#aaa}.brand b{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:0}.header-right{display:flex;gap:8px;align-items:center}.tag{font-size:9px;letter-spacing:1.6px;margin-right:16px;color:#77746b}button,.filebutton{font:inherit;color:inherit;border:1px solid #d4d0c6;background:#faf9f6;padding:9px 12px;cursor:pointer;border-radius:4px}button:hover,.filebutton:hover{background:#eae7df}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #937c4c;outline-offset:3px}.intro{display:flex;align-items:center;justify-content:space-between;padding:28px 30px 24px;gap:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8e7a54}h1{font:400 32px Georgia,serif;margin:8px 0}p{line-height:1.5;margin:8px 0}.intro p{color:#77746d}#status{font-size:12px;color:#6c7659;text-align:right;max-width:260px}main{display:grid;grid-template-columns:210px minmax(300px,1fr) 230px;border-top:1px solid #dedbd3;min-height:750px}.library,.inspector{padding:22px 18px}.library{border-right:1px solid #dedbd3}.inspector{border-left:1px solid #dedbd3}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;display:flex;justify-content:space-between;margin-bottom:14px}.section-title span{color:#9c998e}.small{font-size:11px;line-height:1.6;color:#77746b}.library>button,.filebutton{display:block;width:100%;margin-top:8px;text-align:left}.filebutton input{display:none}.piece{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:13px 10px;margin-top:9px;background:transparent}.piece .plus{font-size:20px;color:#9b8359}.piece strong{font-size:12px;font-weight:400;display:block}.piece small{display:block;font-size:10px;color:#8b877d;margin-top:4px}.workspace{padding:0 16px}.metrics{display:flex;gap:28px;padding:20px 6px}.metrics small{display:block;font-size:9px;letter-spacing:1.3px;color:#7c786f}.metrics strong{display:block;font:400 23px Georgia,serif;margin-top:6px;white-space:nowrap}.view{position:relative;border:1px solid #dcd8ce;background:#efede6;height:260px;overflow:hidden;border-radius:3px}.view.primary{height:420px}.view canvas{display:block;width:100%;height:100%;touch-action:none}.viewhead{position:absolute;top:0;left:0;right:0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1;pointer-events:none}.viewhead span{font-size:11px;letter-spacing:.7px}.viewhead div{display:flex;align-items:center;gap:14px;pointer-events:auto;font-size:10px}.viewhead button{padding:4px 7px;font-size:10px}.viewhead small{font-size:9px;color:#878276}.viewhint{position:absolute;bottom:12px;left:14px;font-size:10px;color:#8a8578;pointer-events:none}.orthos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.footnote{padding:5px}.divider{height:1px;background:#dedbd3;margin:24px 0}.inspector h2{font:400 23px Georgia,serif;margin:12px 0 5px}.inspector label{display:block;margin-top:17px;font-size:11px}.inspector label>span{float:right;color:#8a857b;font-size:10px}.inspector input[type=number],.inspector select{display:block;width:100%;padding:10px;border:1px solid #d8d3c7;border-radius:3px;background:#fbfaf7;font:inherit;margin-top:7px;color:inherit}.inspector input[type=range]{display:block;width:100%;margin:12px 0 3px;accent-color:#8c764f}output{font-size:10px;color:#817767}.check{line-height:1.5;display:flex!important;align-items:start;gap:5px}.check input{margin:0;accent-color:#8c764f}.actions{display:flex;gap:8px;margin-top:20px}#undo{width:100%;margin-top:20px}#warning{font-size:11px;line-height:1.5;color:#926a32}#nothing{color:#888;font-size:12px;margin-top:20px}#outline{vertical-align:middle;accent-color:#8c764f}@media(min-width:1550px){main{grid-template-columns:245px minmax(300px,1fr) 260px}.view.primary{height:500px}.view{height:300px}}@media(max-width:1050px){main{grid-template-columns:180px minmax(300px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid #dedbd3;border-left:0}.inspector #controls{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.inspector #controls[hidden]{display:none}.orthos{grid-template-columns:1fr}.view.primary{height:380px}.tag{display:none}}@media(max-width:650px){header{padding:0 14px}.brand{font-size:9px}.brand span{margin:0 7px}.header-right button{font-size:10px;padding:7px}.intro{padding:20px 15px;display:block}h1{font-size:27px}#status{text-align:left;margin-top:12px}main{display:block}.library{border:0;padding:15px}#library{display:grid;grid-template-columns:1fr 1fr;gap:7px}.piece{margin:0}.library>button,.filebutton{display:inline-block;width:auto}.library .divider{display:none}.metrics{gap:15px}.metrics strong{font-size:19px}.inspector #controls{grid-template-columns:1fr 1fr}.view.primary{height:360px}}
@media(max-width:650px){main{display:flex;flex-direction:column}.workspace{order:0}.inspector{order:1}.library{order:2;border-top:1px solid #dedbd3}.intro p{font-size:12px}.viewhead small{max-width:150px;text-align:right}}

.pricing{padding:24px 6px;border-top:1px solid #dedbd3;margin-top:20px}.priceheading{display:flex;justify-content:space-between;gap:15px;align-items:center}.priceheading h2{font:400 24px Georgia,serif}.priceheading small{display:block;font-size:9px;letter-spacing:1px}.priceheading strong{display:block;font:400 27px Georgia,serif;margin-top:6px}.price-scroll{overflow-x:auto}.pricing table{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px}.pricing th,.pricing td{padding:12px 7px;border-bottom:1px solid #dedbd3;text-align:right}.pricing th:first-child,.pricing td:first-child{text-align:left}.pricing th{font-size:10px;color:#7c786f;font-weight:400}.pricing td:not(:first-child){white-space:nowrap}

[hidden]{display:none!important}#accountLink{color:inherit;padding:8px;text-decoration:underline;white-space:nowrap}details{margin:0 0 22px}summary{cursor:pointer;font-size:13px;padding:12px 0;border-bottom:1px solid #dedbd3}#presets button{width:100%;text-align:left;margin-top:12px}#presets .small{margin:4px 0 12px}#selectionBanner{padding:14px 10px;background:#e8e1d1;color:#4d3d1c;font-size:13px;margin-top:16px;border-radius:4px}#placedPieces{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}#placedPieces button{font-size:11px;padding:6px 9px}#placedPieces button[aria-pressed=true]{background:#765e30;color:white;border-color:#765e30}.selectionLabel{position:absolute;bottom:35px;left:14px;background:#765e30;color:#fff;padding:6px 9px;border-radius:3px;font-size:11px;pointer-events:none;max-width:90%}.orthos .selectionLabel{bottom:12px}@media(max-width:650px){header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-right{flex-wrap:wrap}#accountLink{font-size:12px}.selectionLabel{font-size:10px}}

#accountTools label{display:block;font-size:12px;margin:14px 0}#accountTools input,#accountTools select{width:100%;padding:10px;margin-top:6px;border:1px solid #d4d0c6;background:#faf9f6;font:inherit;color:inherit}#accountTools button{margin:5px 0;width:100%;text-align:left}#accountStatus{color:#596547}

#presets{max-height:460px;overflow:auto;padding-right:5px}#library{max-height:640px;overflow:auto;padding-right:5px}

.preset-label{display:block;font-size:11px;margin:14px 0 6px}#presetSelect{width:100%;padding:10px;border:1px solid #d4d0c6;border-radius:3px;background:#faf9f6;color:inherit;font:inherit;font-size:12px}#loadPreset{width:100%;margin-top:10px}