:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:rgb(192,192,192);font-size:16px;--bg:rgb(192,192,192);--panel:#d2d2d2;--line:#a4a4a4;--dark:#111;--muted:#4a4a4a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}button,input,select{font:inherit}.topbar{height:88px;display:grid;grid-template-columns:430px 1fr auto;align-items:center;padding:0 26px;border-bottom:1px solid #a8a8a8;background:linear-gradient(#d5d5d5,#c7c7c7);gap:22px}.brand{font-size:34px;font-weight:800;letter-spacing:.5px;padding-right:26px;border-right:1px solid #999}.project{font-size:22px;font-weight:800}.meta{font-size:12px;white-space:nowrap}.meta span{margin:0 10px;color:#777}.layout{max-width:1600px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(680px,1.65fr) minmax(420px,.9fr);gap:16px}.leftcol,.rightcol{display:flex;flex-direction:column;gap:16px}.panel{background:rgba(230,230,230,.58);border:1px solid #a8a8a8;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.45)}.panel h2{margin:0;padding:8px 14px;border-bottom:1px solid #aaa;font-size:21px;font-weight:800;background:rgba(238,238,238,.35)}.panel-body{padding:10px}.center{display:flex;justify-content:center;align-items:center}.table-panel{height:277px}.table-img{max-width:100%;max-height:220px;object-fit:contain}.shapes-panel{height:330px}.shape-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:132px;padding:10px;gap:0}.shape-card{background:#ddd;border:1px solid #aaa;border-radius:0;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;color:#000;min-width:0}.shape-card img{height:94px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.shape-card span{font-weight:800;font-size:17px;letter-spacing:1px;padding-bottom:2px}.shape-card[aria-pressed="true"]{outline:3px solid #2e5f93;outline-offset:-3px;background:#e6e6e6}.drawing-panel{height:280px}.schema-img{width:100%;max-height:225px;object-fit:contain}.preview-panel{min-height:500px;height:auto}.drawing3d{height:290px;margin:0;border-bottom:1px solid #aaa;background:#d0d0d0;position:relative;display:flex;align-items:center;justify-content:center}.drawing3d canvas{width:100%;height:100%;touch-action:none;cursor:grab}.drawing3d canvas:active{cursor:grabbing}#placeholder{color:#555}.preview-tools{height:36px;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:11px;color:#444}.view-actions{display:flex;gap:5px}.view-actions button{padding:4px 8px;border:1px solid #999;background:#e5e5e5;border-radius:3px}.view-actions button[aria-pressed="true"]{background:#7f7f7f;color:#fff}#status{height:20px;margin:0;padding:4px 10px;font-size:12px;color:#35465b;overflow:hidden}#status.error{color:#9e1e18}.action-row{display:flex;gap:12px;padding:6px 10px 14px;align-items:stretch}.action{flex:1 1 0;min-width:0;height:56px;border:1px solid rgba(0,0,0,.30);color:#fff;font-weight:900;font-size:17px;letter-spacing:.5px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap;text-align:center;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.18),0 2px 4px rgba(0,0,0,.12)}.blue{background:#245a8d}.green{background:#2f8650}.red{background:#b8443c}.action:disabled{opacity:.65;cursor:wait}.pdf-info{min-height:138px;padding:16px;display:flex;gap:18px;align-items:flex-start;background:#d7e8f3}.pdf-icon{width:62px;height:74px;border:3px solid #233b55;border-radius:5px;display:grid;place-items:center;font-weight:900;font-size:18px;color:#233b55}.pdf-info strong{font-size:18px;color:#19334f}.pdf-info p{margin:3px 0 3px}.pdf-info ul{margin:3px 0 0;padding-left:22px;line-height:1.35}.config-panel{margin-top:2px}.config-panel h2{font-size:20px}.config-grid{display:grid;grid-template-columns:1fr;gap:0;padding:0 14px}.config-grid label{display:grid;grid-template-columns:145px 1fr;align-items:center;min-height:29px;border-bottom:1px solid #b7b7b7;font-weight:700}.config-grid input,.config-grid select,.config-grid output{height:26px;border:0;background:transparent;padding:2px 8px;color:#111}.config-grid select,.config-grid input{border-left:1px solid #b7b7b7}.config-grid input:focus,.config-grid select:focus{outline:2px solid #245a8d;background:#eee}.config-grid output{font-weight:700}.info-line{font-size:11px;color:#444;padding:5px 14px 0}.filename{display:grid;grid-template-columns:95px 1fr;gap:8px;padding:8px 14px 12px;font-size:11px}.filename output{font-family:Consolas,monospace;overflow-wrap:anywhere}.reset-config{height:55px;background:#ddd;border:1px solid #aaa;border-radius:4px;font-weight:700;cursor:pointer;font-size:16px}footer{text-align:right;padding:0 28px 18px;font-size:12px;color:#8b0000;font-weight:800}[hidden]{display:none!important}@media(max-width:1200px){.topbar{grid-template-columns:auto 1fr}.meta{display:none}.layout{grid-template-columns:1fr}.preview-panel{min-height:520px;height:auto}.shapes-panel{height:auto}.shape-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.topbar{height:auto;padding:16px;grid-template-columns:1fr}.brand{font-size:26px;border:0;padding:0}.project{font-size:17px}.layout{padding:10px}.shape-grid{grid-template-columns:repeat(2,1fr)}.table-panel,.drawing-panel{height:auto}.preview-panel{height:auto}.drawing3d{height:300px}.config-grid label{grid-template-columns:110px 1fr}.action-row{gap:8px;padding:6px 8px 12px}.action{font-size:14px;height:50px}}