.hp-studio{container-type:inline-size;--hp-forest:#1e4036;--hp-paper:#faf9f3;--hp-line:#d9dfd3;--hp-muted:#52665c;background:var(--hp-paper);border:1px solid var(--hp-line);border-radius:16px;margin:18px 0;color:var(--hp-forest);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.hp-studio *{box-sizing:border-box}.hp-studio>summary{list-style:none;cursor:pointer;padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hp-studio>summary::-webkit-details-marker{display:none}.hp-eyebrow{display:block;letter-spacing:.13em;font-size:10px;font-weight:750;margin-bottom:7px;color:var(--hp-muted)}.hp-studio>summary strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.025em}.hp-studio>summary small{display:block;font-size:13px;font-weight:400;max-width:570px;margin-top:5px;color:var(--hp-muted)}.hp-summary-icon{font-size:25px;font-weight:300}.hp-studio[open] .hp-summary-icon{transform:rotate(45deg)}.hp-body{padding:0 24px 22px}.hp-workspace{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.65fr);border-top:1px solid var(--hp-line);padding-top:22px;gap:24px}.hp-label{font-weight:650;margin:0 0 10px}.hp-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#e8ede2;border-radius:10px}.hp-studio button,.hp-primary{font:inherit;cursor:pointer;min-height:42px;border-radius:7px;padding:9px 13px;border:1px solid var(--hp-line);color:var(--hp-forest);background:#fff;text-decoration:none}.hp-studio button:focus-visible,.hp-studio input:focus-visible,.hp-studio summary:focus-visible,.hp-primary:focus-visible{outline:3px solid #849758;outline-offset:3px}.hp-presets button{font-size:13px;font-weight:650;border-color:transparent;background:transparent}.hp-presets button[aria-pressed=true]{background:var(--hp-forest);color:#fff;box-shadow:0 2px 4px #0001}.hp-help{font-size:11px;color:var(--hp-muted);line-height:1.5;display:block;margin:9px 0 13px}.hp-dimension{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:650;margin-top:21px}.hp-number{display:flex;align-items:center;gap:7px}.hp-number input{max-width:83px!important}.hp-studio input[type=number]{font:inherit;padding:10px 8px;border:1px solid #b9c7b8;border-radius:6px;background:white;color:var(--hp-forest);width:100%;min-width:0}.hp-range{width:100%;min-height:28px;margin:8px 0 0;accent-color:var(--hp-forest);cursor:pointer}.hp-cost-inputs{margin-top:22px;border-top:1px solid var(--hp-line);padding-top:15px}.hp-cost-inputs label{display:block;font-size:12px;margin:12px 0 6px}.hp-scope{font-size:11px;color:var(--hp-muted);border-top:1px solid var(--hp-line);padding-top:15px;margin:19px 0 0}.hp-drawing{min-width:0;background:#fff;border:1px solid var(--hp-line);border-radius:10px;overflow:hidden}.hp-drawing-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #edf0e8}.hp-drawing-bar>span{font-size:9px;letter-spacing:.12em;font-weight:750}.hp-drawing-bar>div{display:flex;gap:5px}.hp-studio .hp-quiet{font-size:11px;min-height:34px;padding:6px 9px;border-color:transparent;background:#f2f5ef}.hp-canvas{padding:8px;min-height:380px;display:grid;place-items:center}.hp-canvas svg{display:block;width:100%;height:auto;max-height:690px}.hp-drawing-note{text-align:center;font-size:10px;color:var(--hp-muted);margin:0;padding:0 12px 13px}.hp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--hp-line);border-radius:10px;margin-top:21px;background:#edf2e7;overflow:hidden}.hp-metrics>div{padding:16px;border-right:1px solid var(--hp-line)}.hp-metrics>div:last-child{border-right:0}.hp-metrics span{font-size:9px;letter-spacing:.065em;font-weight:750;display:block;min-height:28px}.hp-metrics strong{display:block;font-size:27px;font-weight:650;letter-spacing:-.03em;line-height:1.3;margin:5px 0}.hp-metrics small{font-size:11px;color:var(--hp-muted)}.hp-basis,.hp-fit{font-size:11px;line-height:1.6;color:var(--hp-muted);margin:11px 0}.hp-fit{padding:10px 12px;background:#f0f3e9;border-radius:7px}.hp-fit-error{color:#913d26;background:#fff0e5}.hp-actions{display:flex;align-items:center;gap:16px;border-top:1px solid var(--hp-line);padding-top:17px;margin-top:18px}.hp-studio .hp-primary{background:var(--hp-forest);color:white;font-weight:650;border-color:var(--hp-forest);flex-shrink:0}.hp-actions p{font-size:12px;color:var(--hp-muted);margin:0;max-width:530px}.hp-error{color:#a33426;font-size:12px;margin:12px 0}.hp-status{font-size:12px;font-weight:600;margin:12px 0 0}.hp-status:empty,.hp-error:empty{display:none}.hp-studio button:disabled{opacity:.5;cursor:not-allowed}.hp-empty{min-height:340px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px;color:var(--hp-muted);padding:20px}.hp-empty span{font-size:12px}.hp-dialog{border:1px solid var(--hp-line);border-radius:12px;padding:20px;background:var(--hp-paper);color:var(--hp-forest);width:min(1060px,96vw);max-width:96vw;max-height:95vh}.hp-dialog::backdrop{background:#0e2825aa}.hp-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.hp-dialog-head h2{margin:0;font-size:23px}.hp-dialog>p{font-size:12px}.hp-zoom-plan{overflow:auto;max-height:75vh;background:#fff;border:1px solid var(--hp-line)}.hp-zoom-plan svg{display:block;width:100%;min-width:650px}.hp-studio .hp-dialog button{background:white;color:var(--hp-forest)}
@media(max-width:740px){.hp-workspace{grid-template-columns:1fr;gap:20px}.hp-body{padding:0 15px 18px}.hp-studio>summary{padding:18px 15px}.hp-studio>summary strong{font-size:21px}.hp-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.hp-controls>.hp-label,.hp-presets,.hp-controls>.hp-help,.hp-cost-inputs,.hp-error,.hp-scope{grid-column:1/-1}.hp-dimension,.hp-range{grid-column:1/-1}.hp-dimension{margin-top:9px}.hp-number input{font-size:16px!important}.hp-cost-inputs{margin-top:7px}.hp-studio input[type=number]{font-size:16px}.hp-canvas{min-height:300px;padding:0}.hp-metrics{grid-template-columns:1fr}.hp-metrics>div{border-right:0;border-bottom:1px solid var(--hp-line);padding:13px 15px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px 9px}.hp-metrics>div:last-child{border-bottom:0}.hp-metrics span{min-height:0;font-size:9px}.hp-metrics strong{font-size:25px;grid-row:span 2;text-align:right;margin:0}.hp-metrics small{grid-column:1;font-size:10px}.hp-actions{align-items:flex-start;flex-direction:column;gap:10px}.hp-actions .hp-primary{width:100%;text-align:center}.hp-studio>summary small{font-size:12px}.hp-drawing-bar{padding:9px}.hp-dialog{padding:12px}}
.hp-mobile-preview{display:none}@media(max-width:740px){.hp-mobile-preview{display:block;grid-column:1/-1;margin:10px 0}.hp-mobile-preview p{font-size:13px;font-weight:650;margin:0 0 9px}.hp-mobile-preview button{width:100%;background:#edf2e7;font-weight:650}}

@container(max-width:740px){.hp-workspace{grid-template-columns:1fr;gap:20px}.hp-body{padding:0 15px 18px}.hp-studio>summary{padding:18px 15px}.hp-studio>summary strong{font-size:21px}.hp-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.hp-controls>.hp-label,.hp-presets,.hp-controls>.hp-help,.hp-cost-inputs,.hp-error,.hp-scope{grid-column:1/-1}.hp-dimension,.hp-range{grid-column:1/-1}.hp-dimension{margin-top:9px}.hp-number input{font-size:16px!important}.hp-cost-inputs{margin-top:7px}.hp-studio input[type=number]{font-size:16px}.hp-canvas{min-height:300px;padding:0}.hp-metrics{grid-template-columns:1fr}.hp-metrics>div{border-right:0;border-bottom:1px solid var(--hp-line);padding:13px 15px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px 9px}.hp-metrics>div:last-child{border-bottom:0}.hp-metrics span{min-height:0;font-size:9px}.hp-metrics strong{font-size:25px;grid-row:span 2;text-align:right;margin:0}.hp-metrics small{grid-column:1;font-size:10px}.hp-actions{align-items:flex-start;flex-direction:column;gap:10px}.hp-actions .hp-primary{width:100%;text-align:center}.hp-studio>summary small{font-size:12px}.hp-drawing-bar{padding:9px}.hp-dialog{padding:12px}}
@container(max-width:740px){.hp-mobile-preview{display:block;grid-column:1/-1;margin:10px 0}.hp-mobile-preview p{font-size:13px;font-weight:650;margin:0 0 9px}.hp-mobile-preview button{width:100%;background:#edf2e7;font-weight:650}}