*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#17212b;background:#f3f5f7;min-height:100vh;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#fff;background:#17212b;border-bottom:3px solid #36a269;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.brand{letter-spacing:.5px;font-size:24px;font-weight:700}.brand-subtitle{color:#9eabb8;margin-top:2px;font-size:12px}.topbar-actions{align-items:center;gap:10px;display:flex}.language-select{color:#dfe7ee;cursor:pointer;background:#101820;border:1px solid #42505d;border-radius:6px;width:auto;min-width:110px;height:34px;padding:0 10px;font-size:12px;font-weight:600}.language-select:focus{border-color:#36a269;outline:none}.system-badge{color:#bff1d3;letter-spacing:1px;border:1px solid #36a269;border-radius:6px;padding:9px 15px;font-size:12px;font-weight:700}.workspace{flex:1;grid-template-columns:390px minmax(0,1fr);height:calc(100vh - 72px);min-height:0;display:grid;overflow:hidden}.control-panel{background:#fff;border-right:1px solid #d7dde3;height:100%;min-height:0;padding:22px;overflow:hidden auto}.form-section{border-bottom:1px solid #e6eaee;margin-bottom:25px;padding-bottom:22px}.form-section h2{text-transform:uppercase;letter-spacing:.6px;color:#56616c;margin:0 0 15px;font-size:14px}label{color:#414b55;flex-direction:column;gap:7px;margin-bottom:13px;font-size:13px;font-weight:600;display:flex}input,select{color:#17212b;background:#fff;border:1px solid #cbd2d9;border-radius:5px;outline:none;width:100%;height:40px;padding:0 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#36a269;box-shadow:0 0 0 3px #36a2691f}select{cursor:pointer}.field-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.input-unit{position:relative}.input-unit input{padding-right:42px}.input-unit span{color:#8a949e;pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.generate-button{color:#fff;cursor:pointer;letter-spacing:.4px;background:#258b57;border:0;border-radius:6px;width:100%;height:46px;font-size:13px;font-weight:700;transition:background .15s,transform 50ms}.generate-button:hover{background:#207b4d}.generate-button:active{transform:translateY(1px)}.generate-button:disabled{opacity:.65;cursor:wait}.download-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.download-button{color:#29333d;background:#f7f8f9;border:1px solid #bfc7cf;border-radius:6px;justify-content:center;align-items:center;height:40px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.download-button:hover{background:#e9edf0}.download-button.disabled{opacity:.4;pointer-events:none}.error-box{color:#9c3232;background:#fff1f1;border:1px solid #d58a8a;border-radius:5px;margin-bottom:14px;padding:11px 12px;font-size:12px;line-height:1.5}.preview-panel{flex-direction:column;min-width:0;height:100%;min-height:0;padding:24px;display:flex;overflow:hidden}.preview-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:58px;display:flex}.preview-header h1{margin:0;font-size:20px}.preview-header p{color:#818b95;margin:5px 0 0;font-size:12px}.drawing-id{color:#59636d;background:#e7ecef;border-radius:4px;padding:7px 10px;font-family:monospace;font-size:11px}.preview-area{background:#fff;border:1px solid #d5dbe0;border-radius:7px;flex:1;min-height:0;overflow:hidden;box-shadow:0 4px 16px #0000000d}.pdf-preview{border:0;width:100%;height:100%;min-height:760px}.empty-preview{text-align:center;color:#8b949d;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:600px;padding:30px;display:flex}.empty-preview h3{color:#59636d;margin:12px 0 5px;font-size:16px}.empty-preview p{max-width:300px;margin:0;font-size:13px;line-height:1.5}.empty-icon{color:#9aa4ad;border:2px dashed #c2cad1;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.preview-tabs{gap:8px;margin-bottom:10px;display:flex}.preview-tab{color:#59636d;cursor:pointer;background:#f4f6f8;border:1px solid #cbd3da;border-radius:5px;padding:8px 13px;font-size:12px;font-weight:700}.preview-tab:hover{background:#e9edf1}.preview-tab.active{color:#fff;background:#17212b;border-color:#7b8792}.live-preview-root{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.live-preview-toolbar{color:#59636d;border-bottom:1px solid #e1e6ea;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:0 14px;font-size:12px;display:flex}.live-preview-toolbar strong{color:#29333d;font-size:13px}.live-preview-toolbar-right{align-items:center;gap:14px;display:flex}.live-preview-mode{white-space:nowrap}.live-preview-nav{align-items:center;gap:4px;display:flex}.live-preview-nav-button{color:#35414c;cursor:pointer;background:#fff;border:1px solid #c7d0d7;border-radius:4px;justify-content:center;align-items:center;width:30px;height:28px;padding:0;font-size:16px;font-weight:700;display:flex}.live-preview-nav-button:hover{background:#edf1f4;border-color:#8e9ba6}.live-preview-nav-button:active{transform:translateY(1px)}.live-preview-fit-button{margin-left:3px}.live-preview-zoom-value{text-align:center;color:#6d7882;font-variant-numeric:tabular-nums;min-width:48px;font-size:11px}.live-preview-canvas{cursor:grab;-webkit-user-select:none;user-select:none;background:#fbfcfd;flex:1;min-height:0;overflow:hidden}.live-preview-canvas.is-panning{cursor:grabbing}.live-preview-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;display:block}.live-preview-frame,.live-preview-inner-frame,.live-preview-dashed-frame,.live-preview-blade,.live-preview-middle-support,.live-preview-column{fill:none;vector-effect:non-scaling-stroke}.live-preview-frame{stroke:#202a34;stroke-width:2px}.live-preview-inner-frame{stroke:#46515c;stroke-width:1.5px}.live-preview-dashed-frame{stroke:#65717c;stroke-width:1.25px;stroke-dasharray:7 6}.live-preview-blade{stroke:#66727d;stroke-width:1px}.live-preview-middle-support{stroke:#d86832;stroke-width:1.5px;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.live-preview-column{stroke:#263746;stroke-width:1.5px}.live-preview-steel-column{fill:#c94343;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-steel-plate{fill:none;stroke:#202a34;stroke-width:1.25px;vector-effect:non-scaling-stroke}.live-preview-side-system{fill:none;stroke:#198754;stroke-width:3px;stroke-linecap:square;vector-effect:non-scaling-stroke}.live-preview-front-ground{fill:none;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-front-view-column{fill:#d7dde2;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-front-beam{fill:#d86832;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-front-beam.is-vertical{fill:#5c9eaa}.live-preview-sliding-panel{fill:none;stroke:#3478a7;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-sliding-arrow{fill:none;stroke:#3478a7;stroke-width:1.25px;vector-effect:non-scaling-stroke}.live-preview-guillotine-frame{fill:none;stroke:#8b5a9f;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-guillotine-panel{fill:none;stroke:#8b5a9f;stroke-width:1.25px;vector-effect:non-scaling-stroke}.live-preview-door-frame{fill:none;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-door-leaf,.live-preview-door-handle{fill:none;stroke:#b06b35;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-fix-glass-frame{fill:none;stroke:#20a9bd;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-fix-glass-inner{fill:none;stroke:#20a9bd;stroke-width:1.1px;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.live-preview-fix-glass-mark{fill:none;stroke:#20a9bd;stroke-width:1px;vector-effect:non-scaling-stroke}.live-preview-polycarbonate-panel{fill:none;stroke:#8b6fae;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-polycarbonate-hatch{fill:none;stroke:#8b6fae;stroke-width:1px;vector-effect:non-scaling-stroke}.live-preview-zip-frame{fill:none;stroke:#d86832;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-zip-box{fill:#d86832;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-zip-hatch{fill:none;stroke:#d86832;stroke-width:1px;vector-effect:non-scaling-stroke}.live-preview-aluminum-paneling{fill:none;stroke:#70777d;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-sandwich-panel{fill:#d6d8da;stroke:#70777d;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-dimension-line{fill:none;stroke:#198754;stroke-width:1px;vector-effect:non-scaling-stroke}.live-preview-dimension-text{fill:#c93434;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:100px;font-weight:500}.live-preview-view-label{fill:#59636d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:110px;font-weight:600}.live-preview-system-label{fill:#4d555d;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600}.live-preview-right-ground{fill:none;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-right-column{fill:#d7dde2;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-right-column.is-steel{fill:#d95c5c;stroke:#202a34}.live-preview-right-beam{fill:#5c9eaa;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-right-beam.is-vertical{fill:#d86832}.live-preview-right-bridge{fill:#d95c5c;stroke:#202a34;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-right-bridge-x{fill:none;stroke:#202a34;stroke-width:1.25px;vector-effect:non-scaling-stroke}.live-preview-right-wall{fill:#d7dadd;stroke:#59636d;stroke-width:1.5px;vector-effect:non-scaling-stroke}.live-preview-status{color:#6b7680;border-top:1px solid #e1e6ea;min-height:30px;padding:7px 12px;font-size:11px}.live-preview-empty{text-align:center;color:#8b949d;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:30px;display:flex}.live-preview-empty h3{color:#59636d;margin:12px 0 5px;font-size:16px}.live-preview-empty p{max-width:340px;margin:0;font-size:13px;line-height:1.5}.spacing-list{gap:4px;display:grid}.locked-input{color:#68737d;cursor:not-allowed;background:#eef1f3}.locked-input:focus{box-shadow:none;border-color:#cbd2d9}.spacing-info{color:#267149;background:#eef7f2;border-radius:5px;margin-top:5px;padding:9px 10px;font-size:12px;font-weight:600}.spacing-info.spacing-error{color:#9c3232;background:#fff1f1}.front-system-card{background:#f8fafb;border:1px solid #d9dfe4;border-radius:7px;margin-bottom:14px;padding:14px}.front-system-card:last-child{margin-bottom:0}.front-system-title{color:#39434d;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e0e5e9;margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:700}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.section-title-row h2{margin:0}.toggle-button{color:#68727c;cursor:pointer;background:#e3e7ea;border:1px solid #b9c1c8;border-radius:14px;min-width:54px;height:28px;padding:0 10px;font-size:11px;font-weight:700}.toggle-button.toggle-on{color:#fff;background:#258b57;border-color:#258b57}.back-view-note{color:#7a858f;background:#f2f4f6;border-radius:5px;margin-bottom:14px;padding:9px 10px;font-size:12px;font-weight:600}.multi-toggle-row{color:#414b55;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:13px;font-weight:600;display:flex}.case-note{color:#267149;background:#eef7f2;border-radius:5px;margin-top:5px;padding:10px 11px;font-size:12px;font-weight:600;line-height:1.5}.case-note-warning{color:#93661c;background:#fff7e7}.adjust-system-button{color:#6e7881;cursor:not-allowed;background:#e8ebee;border:1px solid #c2c9cf;border-radius:6px;width:100%;height:40px;margin-top:4px;font-size:12px;font-weight:700}.variable-multi-notice{color:#795c18;background:#fff8e6;border:1px solid #d8c48c;border-radius:6px;margin-bottom:22px;padding:12px 13px;font-size:12px;line-height:1.6}.adjust-system-button-active{color:#fff;cursor:pointer;background:#258b57;border-color:#258b57}.adjust-system-button-active:hover{background:#207b4d}.modal-backdrop{z-index:1000;background:#0f161ca8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.multi-details-modal{background:#fff;border-radius:9px;flex-direction:column;width:min(1000px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000047}.modal-header{border-bottom:1px solid #dce2e7;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.modal-header h2{margin:0;font-size:18px}.modal-header p{color:#7e8993;margin:5px 0 0;font-size:12px}.modal-close-button{color:#56616b;cursor:pointer;background:#edf0f2;border:0;border-radius:5px;width:34px;height:34px;font-size:22px}.modal-toolbar{color:#3f4952;background:#f8fafb;border-bottom:1px solid #e3e7ea;align-items:center;gap:12px;min-height:54px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.modal-case-badge{color:#fff;letter-spacing:.6px;background:#25313b;border-radius:4px;margin-left:auto;padding:6px 10px;font-size:11px}.modal-content{flex:1;padding:18px;overflow-y:auto}.multi-system-card{background:#fff;border:1px solid #d7dde3;border-radius:7px;margin-bottom:16px;padding:16px}.multi-system-card:last-child{margin-bottom:0}.multi-system-card-title{color:#26313b;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.multi-system-card-title span{color:#247149;letter-spacing:.6px;background:#e8f4ed;border-radius:4px;padding:4px 7px;font-size:9px}.multi-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.detail-toggle-field{color:#414b55;justify-content:space-between;align-items:center;gap:12px;min-height:61px;font-size:13px;font-weight:600;display:flex}.multi-card-subtitle{color:#65717b;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #e5e9ec;margin:8px 0 13px;padding-top:13px;font-size:11px;font-weight:700}.multi-alignment-note{color:#77828c;background:#f2f5f7;border-radius:5px;margin-top:5px;padding:8px 10px;font-size:11px}.modal-error{color:#9b3333;background:#fff1f1;border:1px solid #d98c8c;border-radius:5px;margin:0 18px 14px;padding:10px 12px;font-size:12px}.modal-footer{background:#f8fafb;border-top:1px solid #dce2e7;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.modal-cancel-button,.modal-save-button{cursor:pointer;border-radius:5px;min-width:110px;height:38px;font-size:12px;font-weight:700}.modal-cancel-button{color:#59646e;background:#fff;border:1px solid #bcc5cc}.modal-save-button{color:#fff;background:#258b57;border:1px solid #258b57}.modal-save-button:disabled{opacity:.6;cursor:wait}.multi-front-groups{margin-top:22px}.multi-modal-section-title{color:#245f43;text-transform:uppercase;letter-spacing:.5px;background:#eef7f2;border-left:4px solid #258b57;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:700}.multi-group-card{background:#f8fafb;border:1px solid #ccd5dc;border-radius:7px;margin-bottom:16px;padding:15px}.multi-group-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.multi-group-members{color:#7b858f;margin-top:4px;font-size:11px;font-weight:500}.multi-group-width{color:#54606a;background:#e6ebee;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:700}.multi-group-lock-note{color:#66717b;background:#eef1f3;border-radius:5px;margin-top:8px;padding:8px 10px;font-size:11px;font-weight:600}.modal-error-inline{margin:0 0 14px}.multi-back-groups{border-top:2px solid #e2e7ea;margin-top:24px;padding-top:4px}.multi-back-title{color:#42586b;background:#eef2f5;border-left-color:#536b80}.multi-outer-sides{border-top:2px solid #e2e7ea;margin-top:24px;padding-top:4px}.multi-outer-title{color:#77502a;background:#f8f2eb;border-left-color:#9a6a32}.outer-side-info{color:#69747e;background:#f4f6f7;border-radius:5px;margin-bottom:14px;padding:10px 12px;font-size:11px;line-height:1.6}.multi-outer-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.multi-outer-side-card{background:#f8fafb;border:1px solid #ccd5dc;border-radius:7px;padding:15px}.outer-side-badge{color:#5c6872;background:#e7ebee;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700}.multi-outer-side-openings{border-top:1px solid #d9e1e6;gap:12px;margin-top:14px;padding-top:12px;display:grid}.multi-outer-side-openings>label,.multi-outer-opening-card>label{color:#384650;gap:6px;font-size:12px;display:grid}.multi-outer-opening-card{background:#fff;border:1px solid #d1d9df;border-radius:6px;gap:10px;padding:12px;display:grid}.multi-outer-opening-card strong{color:#293c49;font-size:12px}.multi-outer-side-openings input,.multi-outer-side-openings select{width:100%;min-width:0}.variable-lock-note{color:#785c18;background:#fff8e5;border:1px solid #e0c983;border-radius:5px;margin-bottom:14px;padding:10px 11px;font-size:11px;line-height:1.55}.variable-summary{border-left:4px solid #258b57}.variable-summary-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.variable-summary-header h2{margin-bottom:5px}.variable-summary-case{color:#258b57;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.variable-summary-size{text-align:right;color:#65717b;font-size:11px;line-height:1.6}.variable-summary-systems{gap:10px;display:grid}.variable-summary-card{background:#f8fafb;border:1px solid #dbe1e5;border-radius:6px;padding:11px}.variable-summary-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.variable-summary-card-header strong{color:#313b44;font-size:12px}.variable-summary-card-header span{color:#78838d;font-size:10px}.variable-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.variable-summary-grid div{background:#fff;border-radius:4px;padding:7px 8px}.variable-summary-grid span{color:#89939c;text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}.variable-summary-grid strong{color:#3e4851;font-size:11px}.variable-summary-footer{color:#6f7a84;border-top:1px solid #e0e5e8;margin-top:9px;padding-top:8px;font-size:10px;line-height:1.5}select:disabled{color:#7b858e;cursor:not-allowed;background:#e9edf0}.customer-setting-note{color:#32674d;background:#eef7f2;border:1px solid #b9d3c5;border-radius:5px;margin-bottom:14px;padding:10px 11px;font-size:11px;font-weight:600;line-height:1.55}.form-section label[hidden]{display:none!important}.roof-option-row{justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin-bottom:13px;display:flex}.roof-option-row>div{flex-direction:column;gap:3px;display:flex}.roof-option-row strong{color:#414b55;font-size:13px}.roof-option-row span{color:#89939c;font-size:10px}.roof-rule-info{color:#61717e;background:#eef4f7;border-radius:5px;margin-bottom:14px;padding:10px 11px;font-size:11px;line-height:1.6}@media (min-width:761px){:is(html:has(.app-shell),body:has(.app-shell)){width:100%;height:100%;overflow:hidden}body:has(.app-shell){min-height:0}.app-shell{width:100%;height:100dvh;min-height:0;overflow:hidden}.topbar{flex:0 0 72px}.workspace{flex:1 1 0;align-items:stretch;width:100%;height:auto;min-height:0;overflow:hidden}.control-panel{overscroll-behavior:contain;height:100%;min-height:0;overflow:hidden auto}.preview-panel{height:100%;min-height:0;overflow:hidden}.preview-header,.preview-tabs{flex:none}.preview-area{flex:1 1 0;width:100%;height:0;min-height:0;overflow:hidden}.live-preview-root{width:100%;height:100%;min-height:0;overflow:hidden}.live-preview-toolbar{flex:none}.live-preview-canvas{flex:1 1 0;width:100%;height:0;min-height:0;overflow:hidden}.live-preview-svg{width:100%;height:100%;min-height:0;display:block}.live-preview-empty,.pdf-preview,.empty-preview{width:100%;height:100%;min-height:0}}@media (max-width:1000px){.workspace{grid-template-columns:340px minmax(0,1fr)}.field-grid{grid-template-columns:1fr}}@media (max-width:760px){.workspace{height:auto;min-height:calc(100vh - 72px);display:block;overflow:visible}.control-panel{border-bottom:1px solid #d7dde3;border-right:0;height:auto;overflow:visible}.preview-panel{min-height:700px}.multi-details-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.multi-details-modal{width:100%;max-height:96vh}.multi-outer-side-grid{grid-template-columns:1fr}.variable-summary-header{flex-direction:column}.variable-summary-size{text-align:left}.variable-summary-grid{grid-template-columns:1fr}}.drawing-share-slot{order:5;min-width:0;margin-inline-start:auto}.drawing-share-slot:empty{display:none}.preview-tabs{flex-wrap:wrap;align-items:center}.preview-header{flex-wrap:wrap;gap:8px 12px;min-height:0;padding-bottom:10px}.preview-header>div{min-width:0}@media (min-width:761px){body:has(.app-shell){flex-direction:column;height:100dvh;min-height:0;display:flex}body:has(.app-shell)>*{flex-shrink:0}body:has(.app-shell) .app-shell{flex:1 1 0;height:auto;min-height:0}.app-shell>:not(.workspace){flex-shrink:0}.preview-panel{padding:clamp(8px,1.5vw,24px)}.workspace{grid-template-columns:clamp(270px,29vw,390px) minmax(0,1fr)}}@media (min-width:761px) and (max-height:800px){.topbar{flex-basis:56px;height:56px;padding-inline:18px}.control-panel{padding:14px}.preview-panel{padding:10px}.preview-header p{margin-top:3px}.preview-tabs{margin-bottom:8px}}@media (max-width:760px){.topbar{padding-inline:12px}.preview-panel{height:clamp(340px,85dvh,900px);min-height:0;padding:10px}.preview-area{flex:1 1 0;height:0;min-height:0}.preview-header,.preview-tabs{flex:none}.live-preview-root,.pdf-preview,.empty-preview{height:100%;min-height:0}.live-preview-canvas{flex:1 1 0;height:0;min-height:0}.live-preview-svg,.live-preview-empty{height:100%;min-height:0}}