:root{color:#23313a;font-synthesis:none;--ink:#23313a;--muted:#72818b;--line:#d4dde2;--blue:#086aa7;--blue-dark:#075a8d;--orange:#f7941d;--panel:#fff;background:#dfe5e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:880px;height:100%;min-height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d0d8dd;border-radius:3px;padding:8px 11px}button:hover:not(:disabled){background:#f4f7f8;border-color:#8da0aa}button:disabled{opacity:.32;cursor:not-allowed}.hidden{display:none}.app-shell,.workspace,.canvas-wrap{width:100%;height:100%}.workspace{min-height:0}.canvas-wrap{background-color:#eef2f4;background-image:linear-gradient(#d3dadd 1px,#0000 1px),linear-gradient(90deg,#d3dadd 1px,#0000 1px);background-size:20px 20px;position:relative;overflow:hidden}.canvas-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 46px #23313a14}.drawing-canvas{z-index:1;cursor:grab;touch-action:none;transform-origin:50% 48%;width:100%;height:100%;transition:transform .28s,filter .28s;display:block;position:absolute;inset:0}.drawing-canvas:active{cursor:grabbing}.drawing-canvas.three-d-view{cursor:move;transform:perspective(1300px) rotateX(var(--orbit-x,-8deg)) rotateY(var(--orbit-y,-18deg)) scale(.84);filter:drop-shadow(14px 18px 12px #18252c33)}.drawing-canvas.three-d-view:active{cursor:grabbing;transition:filter .28s}.floating-card,.tool-rail,.floating-panel,.view-switch{z-index:5;background:#fffffff7;border:1px solid #dce3e7;position:absolute;box-shadow:0 4px 18px #23313a24}.design-summary{align-items:center;gap:12px;width:350px;min-height:58px;padding:8px 10px;display:flex;top:16px;left:26px}.brand-mark{border-left:5px solid var(--orange);width:42px;height:42px;color:var(--blue);letter-spacing:-.04em;place-items:center;font-size:14px;font-weight:850;display:grid}.design-copy{flex:1;min-width:0}.design-copy strong,.design-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.design-copy strong{font-size:14px;font-weight:600}.design-copy small{color:#687781;margin-top:5px;font-size:11px}.icon-button{color:#49616f;background:0 0;border:0;place-items:center;min-width:36px;height:36px;padding:0;font-size:18px;display:grid}.save-actions{align-items:center;height:58px;padding:8px;display:flex;top:16px;right:26px}.save-button{border-color:var(--blue);background:var(--blue);color:#fff;align-items:center;gap:8px;height:38px;margin:0 3px;font-weight:650;display:flex}.save-button:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.canvas-hint{z-index:4;color:#75858e;pointer-events:none;background:#ffffffd1;border:1px solid #d5dee2;border-radius:3px;padding:6px 10px;font-size:10px;position:absolute;top:87px;left:50%;transform:translate(-50%)}.tool-rail{flex-direction:column;width:54px;padding:5px 0;display:flex;left:32px}.primary-tools{top:145px}.secondary-tools{top:330px}.tool-rail button{color:#435863;background:0 0;border:0;border-radius:0;place-items:center;width:52px;height:48px;display:grid}.tool-rail button+button{border-top:1px solid #edf0f2}.tool-rail button:hover:not(:disabled){color:var(--blue);background:#eef6fa}.tool-rail button.active{background:var(--blue);color:#fff}.tool-rail button span{font-family:Segoe UI Symbol,sans-serif;font-size:23px;line-height:1}.mullion-tool-icon{border:2px solid;justify-content:space-between;align-items:stretch;width:25px;height:25px;padding:3px;display:flex}.mullion-tool-icon i{border:1px solid;width:5px;display:block}.opening-tool-icon{border:2px solid;width:25px;height:25px;display:block;position:relative}.opening-tool-icon:before,.opening-tool-icon:after{content:"";pointer-events:none;position:absolute}.opening-tool-icon:before{border:1px solid;inset:3px}.opening-tool-icon:after{border-top:1px dashed;border-right:1px dashed;width:12px;height:12px;top:5px;left:5px;transform:skew(-14deg)rotate(45deg)}.opening-tool-icon i{background:currentColor;width:5px;height:6px;position:absolute;top:8px;right:-4px}.coupling-tool-icon{width:26px;height:26px;display:block;position:relative}.coupling-tool-icon:before{content:"";border:2px solid;width:7px;height:22px;position:absolute;top:2px;left:2px}.coupling-tool-icon i{border:2px solid;border-left:0;width:15px;height:8px;position:absolute;top:2px;left:9px}.coupling-tool-icon b{background:currentColor;width:2px;height:14px;position:absolute;top:10px;left:9px}.opening-frame-icon{border:2px solid;width:27px;height:22px;display:block;position:relative;transform:skewY(-8deg)}.opening-frame-icon:before{content:"";border:1px solid;position:absolute;inset:3px}.opening-frame-icon i{border:1px solid;width:27px;height:22px;position:absolute;top:-5px;left:-4px}.colors-tool-icon{border:2px solid;border-radius:50%;width:28px;height:25px;display:block;position:relative}.colors-tool-icon:before{content:"";background:#fff;border-radius:50%;width:9px;height:8px;position:absolute;bottom:-2px;right:-3px}.tool-rail button.active .colors-tool-icon:before{background:var(--blue)}.colors-tool-icon i{border:1px solid;border-radius:50%;width:4px;height:4px;position:absolute}.colors-tool-icon i:first-child{top:5px;left:5px}.colors-tool-icon i:nth-child(2){top:5px;right:5px}.colors-tool-icon i:nth-child(3){bottom:4px;left:9px}.upload-image-icon{border:2px solid;border-radius:2px;width:27px;height:22px;display:block;position:relative}.upload-image-icon:before{content:"";background:linear-gradient(135deg,#0000 42%,currentColor 43% 48%,#0000 49%),linear-gradient(45deg,#0000 42%,currentColor 43% 48%,#0000 49%);width:17px;height:10px;position:absolute;bottom:3px;left:3px}.upload-image-icon:after{content:"";border:1px solid;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:5px}.upload-image-icon i{width:13px;height:13px;color:var(--blue);background:#fff;border:1px solid;border-radius:50%;place-items:center;font-family:inherit;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-7px;right:-7px}.tool-rail button.active .upload-image-icon i{background:var(--blue);color:#fff}.divider-palette{z-index:10;width:318px;padding:0 16px 17px;top:145px;left:98px}.divider-palette-heading{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;min-height:50px;display:flex}.divider-palette-heading strong{font-size:15px}.divider-palette-heading button{color:#7e8d95;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:22px}.divider-palette>p{color:#798991;margin:11px 0 13px;font-size:10px}.divider-pattern-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.divider-pattern-grid button{background:#fff;border-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:82px;padding:7px 4px;display:flex}.divider-pattern-grid button:hover{background:#eef7fb;border-color:#a9c8da}.divider-pattern-grid svg{fill:#f9fbfc;stroke:#5d759e;stroke-width:1.4px;vector-effect:non-scaling-stroke;width:35px;height:43px}.divider-pattern-grid small{color:#647782;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;overflow:hidden}.openings-palette{z-index:10;width:388px;top:145px;bottom:34px;left:98px;overflow:hidden}.openings-palette>.divider-palette-heading{padding:0 16px}.opening-categories{scrollbar-color:#9aa6bf transparent;scrollbar-width:thin;height:calc(100% - 50px);overflow-y:auto}.opening-category h3{color:#102958;border-bottom:1px solid #e3e8eb;margin:0;padding:15px 16px 10px;font-size:14px}.opening-template-grid{grid-template-columns:repeat(4,1fr);gap:9px;padding:13px 16px 17px;display:grid}.opening-template-grid button{background:#fff;border-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:76px;padding:5px 3px;display:flex}.opening-template-grid button:hover{background:#eef7fb;border-color:#a9c8da}.opening-template-grid svg{fill:#fbfcfd;stroke:#7185a7;stroke-width:1.2px;vector-effect:non-scaling-stroke;width:62px;height:47px}.opening-template-grid svg polyline,.opening-template-grid svg line{fill:none}.opening-template-grid small{color:#667885;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;overflow:hidden}.coupling-palette{z-index:10;width:382px;top:145px;left:98px;overflow:hidden}.coupling-palette>.divider-palette-heading{padding:0 16px}.coupling-pattern-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 16px;display:grid}.coupling-pattern-grid button{background:#fff;border-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;height:88px;padding:6px 3px;display:flex}.coupling-pattern-grid button:hover{background:#eef7fb;border-color:#a9c8da}.coupling-pattern-grid button.selected{border-color:var(--blue);background:#eaf4fa}.coupling-pattern-grid svg{fill:#fbfcfd;stroke:#7185a7;stroke-width:1.3px;vector-effect:non-scaling-stroke;width:65px;height:48px}.coupling-pattern-grid svg path,.coupling-pattern-grid svg polygon{fill:#fbfcfd}.coupling-pattern-grid small{color:#667885;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;overflow:hidden}.remove-coupling{color:#a43f32;border-color:#e4c2bd;width:calc(100% - 32px);margin:0 16px 16px}.overall-size-editor{align-items:end;gap:8px;padding:9px 11px;display:flex;bottom:22px;left:32px}.overall-size-editor>span{color:#89969d;padding-bottom:8px}.overall-size-editor .field{gap:3px}.overall-size-editor .field>span{font-size:8px}.overall-size-editor .input-suffix{width:106px}.overall-size-editor input{padding:6px 30px 6px 8px}.view-switch{z-index:6;background:#fff;border-radius:22px;grid-template-columns:1fr 1fr;display:grid;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%)}.view-switch button{color:#536570;background:0 0;border:0;border-radius:20px;min-width:98px;height:42px}.view-switch button.active{color:#fff;background:#435774}.bottom-actions{padding:5px;display:flex;bottom:20px;right:28px}.bottom-actions button{color:#536a76;background:0 0;border:0;border-radius:0;width:40px;height:38px;font-size:19px}.bottom-actions button+button{border-left:1px solid #e7ecee}.bottom-actions button.active{background:var(--blue);color:#fff}.cube-icon{border:1.5px solid;width:19px;height:19px;display:block;position:relative;transform:rotate(30deg)skewY(-12deg)scale(.75)}.cube-icon:before,.cube-icon:after{content:"";background:currentColor;position:absolute}.cube-icon:before{width:1px;top:0;bottom:0;left:50%}.cube-icon:after{height:1px;top:50%;left:0;right:0;transform:rotate(30deg)}.cube-icon i{display:none}.section-icon{border:1.5px solid;width:20px;height:22px;display:block;position:relative}.section-icon:before{content:"";border-left:3px solid;border-right:1px solid;width:8px;height:26px;position:absolute;top:-3px;left:5px;transform:skewY(-18deg)}.section-icon:after{content:"";border:1px solid;width:13px;height:15px;position:absolute;top:3px;left:3px}.section-icon i{display:none}.realistic-icon{perspective:36px;justify-content:center;align-items:center;gap:1px;width:23px;height:22px;display:flex}.realistic-icon i{background:#ffffff2e;border:1.5px solid;width:6px;height:18px;display:block;transform:rotateY(-18deg)}.realistic-icon i:nth-child(2){height:21px;transform:none}.realistic-icon i:nth-child(3){transform:rotateY(18deg)}.three-d-hint{z-index:6;color:#5f717b;pointer-events:none;background:#fffffff0;border:1px solid #d5dee2;border-radius:18px;padding:8px 13px;font-size:10px;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #23313a1f}.status{z-index:4;color:#70818a;background:#f9fbfce6;align-items:center;gap:7px;width:100%;height:17px;padding:0 10px;font-size:9px;display:flex;position:absolute;bottom:0;left:0}.status span:last-child{margin-left:auto}.status-dot{background:#43a047;border-radius:50%;width:6px;height:6px}.confirmation-backdrop{z-index:30;background:#202b322e;place-items:center;display:grid;position:absolute;inset:0}.confirmation-dialog{background:#fff;border:1px solid #d5dde2;border-radius:3px;width:min(390px,100% - 40px);padding:20px;box-shadow:0 14px 42px #1a272f47}.confirmation-dialog h2{color:#102958;margin:0;font-size:21px;line-height:1.4}.confirmation-actions{gap:12px;margin-top:24px;display:flex}.confirmation-actions button{min-width:60px}.color-palette{z-index:18;flex-direction:column;width:330px;display:flex;top:82px;bottom:34px;right:26px;overflow:hidden}.color-palette-heading{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;display:flex}.color-palette-heading h2{color:#102958;margin:0;font-size:15px}.color-palette-heading button{color:#84929a;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:23px}.color-search{color:#778892;border:1px solid #ccd6dc;border-radius:3px;grid-template-columns:auto 1fr;align-items:center;gap:7px;margin:12px 18px;padding:0 9px;display:grid}.color-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #086aa71a}.color-search input{min-width:0;box-shadow:none;border:0;outline:0;padding:9px 0}.color-swatches{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:0 18px 14px;display:grid;overflow-y:auto}.color-swatches button{background:#fff;border:1px solid #0000;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.color-swatches button:hover{background:#f5f9fb;border-color:#a9c8da}.color-swatches button.selected{border-color:#0878d1;box-shadow:0 0 0 1px #0878d1}.color-sample{border:1px solid #1f2b311f;border-radius:3px;width:100%;height:112px;display:block;box-shadow:0 3px 9px #1f2b311f}.color-swatches small{color:#597096;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.color-swatches p{color:#778892;text-align:center;grid-column:1/-1;margin:30px 0;font-size:11px}.color-confirm{background:#fff;border-top:1px solid #e2e8eb;margin-top:auto;padding:14px 18px}.color-confirm button{width:100%;height:42px}.profile{fill:var(--profile-color,#26343b);stroke:#111a1f;stroke-width:1px;vector-effect:non-scaling-stroke}.frame-profile{fill:var(--profile-color,#26343b)}.divider-profile{cursor:pointer}.divider-profile:hover{fill:#3e515a}.selected-divider{fill:#f1a33b;stroke:#fff3d2;stroke-width:3px}.pane-group{cursor:pointer}.pane-hit{fill:#9ed9e8;stroke:#315bab;stroke-width:2px;vector-effect:non-scaling-stroke}.pane-group:hover .pane-hit{stroke:#147bb3;stroke-width:3px}.selected-pane{stroke:#f09a24;stroke-width:5px}.glass{fill:#b8e4ee;stroke:#4d7580;stroke-width:1px;vector-effect:non-scaling-stroke}.glass-reflection{fill:url(#realistic-reflection);opacity:0;pointer-events:none}.glass-cross{stroke:#638c96;stroke-width:1px;opacity:.78;vector-effect:non-scaling-stroke;pointer-events:none}.sash-profile{fill:var(--profile-color,#36464e);stroke:#1b282e;stroke-width:1px;vector-effect:non-scaling-stroke}.operation{fill:none;stroke:#315b67;stroke-width:1.6px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}.slide-operation{stroke:#264653;stroke-width:2.2px;vector-effect:non-scaling-stroke;pointer-events:none}.coupling-overlay{pointer-events:none}.coupling-glass{fill:#b8e4eed1;stroke:#4d7580;stroke-width:1.5px;vector-effect:non-scaling-stroke}.coupling-profile{fill:var(--profile-color,#26343b);stroke:#111a1f;stroke-width:1px;vector-effect:non-scaling-stroke}.coupling-profile-line{fill:none;stroke:var(--profile-color,#26343b);stroke-width:9px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.coupling-connector{fill:#f1a33b;stroke:#8e5b14;stroke-width:1px;vector-effect:non-scaling-stroke}.section-overlay{pointer-events:none}.section-slab{stroke:#1f2d34;stroke-width:1.4px;vector-effect:non-scaling-stroke}.section-head-top{fill:#f4f5f5}.section-head-face{fill:#d8dde0}.section-jamb-face{fill:#eef0f1}.section-sill{fill:#d8dde0;stroke:#1f2d34;stroke-width:1px;vector-effect:non-scaling-stroke}.section-track{fill:var(--profile-color,#26343b);stroke:#111a1f;stroke-width:1px;vector-effect:non-scaling-stroke}.section-track.secondary{opacity:.68}.uploaded-design-image{pointer-events:none}.uploaded-image-border{fill:none;stroke:var(--profile-color,#26343b);stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.image-override-card{z-index:7;align-items:center;gap:12px;width:270px;padding:10px;display:flex;bottom:75px;right:28px}.image-override-card>div{flex:1;min-width:0}.image-override-card small,.image-override-card strong{display:block}.image-override-card small{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.image-override-card strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.image-override-card button{color:#a43f32;flex:none;padding:6px 8px;font-size:9px}.pane-label{fill:#152a32;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;pointer-events:none;font-size:15px;font-weight:800}.glass-label{fill:#41636c;text-anchor:middle;pointer-events:none;font-size:9px}.canvas-wrap.realistic-mode{background-color:#f5f7f8;background-image:radial-gradient(circle at 52% 41%,#fff 0,#f6f8f9 46%,#e9edef 100%);background-size:cover}.drawing-canvas.realistic-view{filter:drop-shadow(0 16px 13px #18232933)}.drawing-canvas.realistic-view .pane-hit{fill:#b9dee5;stroke:#60767b}.drawing-canvas.realistic-view .glass{fill:url(#realistic-glass);stroke:#758d92}.drawing-canvas.realistic-view .glass-reflection{opacity:.92}.drawing-canvas.realistic-view .glass-cross{opacity:.23}.drawing-canvas.realistic-view .profile,.drawing-canvas.realistic-view .sash-profile,.drawing-canvas.realistic-view .coupling-profile,.drawing-canvas.realistic-view .section-track{fill:url(#realistic-profile);stroke:#111a1e}.drawing-canvas.realistic-view .operation,.drawing-canvas.realistic-view .slide-operation{opacity:.62}.drawing-canvas.realistic-view .pane-label,.drawing-canvas.realistic-view .glass-label{opacity:.72}.realistic-floor-shadow{fill:#212e342e;filter:blur(7px);pointer-events:none}.dimension line{stroke:#616f77;stroke-width:1px;vector-effect:non-scaling-stroke}.dimension text{fill:#24343c;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-size:11px;font-weight:650}.dimension-editor{overflow:visible}.dimension-editor input{color:#263740;text-align:center;background:#fffffff0;border:1px solid #cbd5da;border-radius:2px;outline:none;width:68px;height:26px;font-size:12px;font-weight:650;box-shadow:0 1px 4px #23313a1a}.dimension-editor input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #086aa726}.dimension-editor input::-webkit-inner-spin-button{display:none}.properties{flex-direction:column;display:flex}.floating-panel{z-index:8;width:350px;top:82px;bottom:18px;left:26px;overflow:auto}.floating-panel.properties{left:98px}.panel-heading{border-bottom:1px solid #e2e8eb;justify-content:space-between;align-items:flex-start;padding:19px 20px 14px;display:flex}.panel-heading small{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:800}.panel-heading h2{letter-spacing:-.02em;margin:4px 0 0;font-size:19px}.panel-close{color:#74848d;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:23px}.property-content{flex-direction:column;gap:18px;padding:20px;display:flex}.helper{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:#53656f;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd6dc;border-radius:3px;outline:none;padding:9px 10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #086aa71f}.field textarea{resize:vertical;line-height:1.35}.glass-select-trigger{width:100%;min-height:42px;color:var(--ink);text-align:left;border-color:#cbd6dc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.glass-select-trigger>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.glass-select-trigger>b{color:#75858e;font-size:17px;font-weight:500;transition:transform .16s}.glass-select-trigger.open{border-color:var(--blue);box-shadow:0 0 0 2px #086aa71f}.glass-select-trigger.open>b{transform:rotate(180deg)}.glass-options-panel{background:#fff;border:1px solid #cbd6dc;border-radius:3px;overflow:hidden;box-shadow:0 8px 24px #23313a21}.glass-search{color:#71838d;border:1px solid #cbd6dc;border-radius:3px;grid-template-columns:auto 1fr;align-items:center;gap:7px;margin:9px;padding:0 9px;display:grid}.glass-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #086aa71a}.glass-search input{min-width:0;box-shadow:none;border:0;padding:9px 0}.glass-search input:focus{box-shadow:none;border:0}.glass-results-meta{color:#82919a;letter-spacing:.05em;text-transform:uppercase;padding:0 11px 7px;font-size:9px;font-weight:700}.glass-options{border-top:1px solid #e8edef;max-height:224px;overflow-y:auto}.glass-options button{color:#354750;text-align:left;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 11px;display:grid}.glass-options button+button{border-top:1px solid #f0f3f4}.glass-options button:hover{background:#f1f7fa}.glass-options button.selected{color:var(--blue-dark);background:#eaf4fa;font-weight:650}.glass-options button span{text-overflow:ellipsis;overflow:hidden}.glass-options button b{color:var(--blue)}.glass-options p{color:#7c8b93;text-align:center;margin:0;padding:20px 12px;font-size:11px}.glass-note{color:#7d8c94;font-size:10px;line-height:1.4}.meta-grid{grid-template-columns:minmax(0,1fr) 100px;gap:16px;display:grid}.input-suffix{position:relative}.input-suffix input{padding-right:39px}.input-suffix small{color:#80909a;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.preset-row{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.preset-row button{color:#687983;padding:5px;font-size:10px}.preset-row button.active{border-color:var(--blue);color:var(--blue-dark);background:#eaf4fa}.button-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button-grid button{min-height:50px;font-size:11px;line-height:1.2}.primary{border-color:var(--blue);background:var(--blue);color:#fff}.primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.danger{color:#a43f32;border-color:#e4c2bd;margin:0 20px 20px}.selection-badge{color:#8a6225;background:#f3eee4;border-radius:3px;align-self:flex-start;padding:5px 8px;font-size:10px;font-weight:700}.ratio-list{flex-direction:column;gap:7px;display:flex}.ratio-list label{grid-template-columns:24px 1fr 38px;align-items:center;gap:6px;display:grid}.ratio-list label>span{color:#61747e;background:#e9eff2;border-radius:3px;place-items:center;height:29px;font-size:10px;display:grid}.ratio-list input{padding:6px 8px}.ratio-list small{color:#758790;text-align:right;font-size:9px}.model-card{background:#f7f9fa;border:1px solid #dce4e8;border-radius:3px;justify-content:space-between;align-items:center;margin:auto 16px 16px;padding:12px;display:flex}.model-card small,.model-card strong{display:block}.model-card small{color:#8a989f;text-transform:uppercase;font-size:8px}.model-card strong{margin-top:2px;font-size:11px}.model-card>span{color:var(--blue);font-size:10px;font-weight:700}@media (width<=1050px){.design-summary{width:285px}.canvas-hint,.overall-size-editor{display:none}}