:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9edec;background:#111516;font-synthesis:none;--bg:#111516;--panel:#191e20;--border:#303638;--muted:#9ba7a9;--lime:#dcfa56;--text:#e9edec}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}input:focus,select:focus{outline:1px solid var(--lime);border-color:var(--lime)}button{color:inherit}svg.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.topbar{min-height:92px;display:flex;align-items:center;gap:32px;padding:20px 28px;border-bottom:1px solid var(--border);background:#191e20}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:17px;text-decoration:none;color:inherit;letter-spacing:.2px;white-space:nowrap}.brand-light{font-weight:400}.brand small{display:block;font-size:10px;letter-spacing:1.8px;color:#a2acaf;margin-top:6px}.brand-mark{background:var(--lime);color:#141919;border-radius:8px;width:40px;height:43px;font-size:28px;display:flex;align-items:center;justify-content:center;font-weight:900;position:relative}.brand-mark>span{font-size:15px;position:absolute;right:4px;top:1px}.project-title{padding-left:28px;border-left:1px solid #414849;display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.project-title input{border:0;padding:0;background:transparent;height:auto;font-size:15px;color:#eff3f2;width:100%;max-width:320px}.project-title>span{font-size:12px;color:#99a3a6}nav{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;background:#252c2e;border:1px solid #41484a;border-radius:6px;font-size:14px;font-weight:550;white-space:nowrap}.btn:hover{background:#343d3f}.btn.primary{color:#182012;background:var(--lime);border-color:var(--lime)}.btn.primary:hover{background:#e6ff86}.btn.quiet{background:transparent;border-color:transparent}.btn.quiet:hover{background:#30383a}.btn.compact{padding:6px 8px;min-height:33px;font-size:13px}.icon-btn{height:32px;width:32px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.icon-btn:hover{background:#363e40}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr)}.sidebar{background:#1a1f21;border-right:1px solid var(--border);padding:24px 20px 20px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:650;color:#9eabad}.side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.unit-badge{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#93a0a3;border:1px solid #3a4446;padding:4px 7px;border-radius:3px}h1,h2,p{margin:0}h2{font-size:16px;font-weight:600}input,select{width:100%;height:37px;background:#111618;border:1px solid #3b4345;border-radius:5px;color:#eff3f3;padding:7px 9px;font-size:14px}input[type=number]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}input[type=checkbox]{width:14px;height:14px;accent-color:var(--lime);margin:0;flex-shrink:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.form-pair label,.full-label{font-size:13px;color:#b4bec0;display:block}.form-pair label>span,.full-label>span{color:#809093;float:right;font-size:12px}.form-pair input,.form-pair select,.full-label input,.full-label select{margin-top:7px}.full-label{margin-top:14px}.field-help{font-size:12px;line-height:1.65;color:#8f9ea1;margin-top:12px}.sections-block{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-item{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;padding:11px 10px;margin-bottom:4px}.section-item:hover{background:#252d2e}.section-item.active{border-color:#667533;background:#2c3423}.section-index{font:13px ui-monospace,Consolas,monospace;color:#889596}.section-item.active .section-index{color:var(--lime)}.section-item strong{display:block;font-size:14px;font-weight:550}.section-item small{display:block;font-size:12px;color:#95a3a5;margin-top:4px}.section-item .section-shape{margin-left:auto;min-width:33px;width:33px;height:24px;stroke:#7b898d;fill:none;stroke-width:1.4}.section-item.active .section-shape{stroke:var(--lime)}.editor-block{border-top:1px solid var(--border);margin-top:18px;padding-top:20px}.mono{font:12px ui-monospace,Consolas,monospace;color:#8c999c}.check-label{display:flex;gap:8px;align-items:center;color:#b9c3c5;font-size:12px;line-height:1.5}.editor-block>.check-label{margin-top:15px}.editor-actions{display:flex;justify-content:space-between;margin-top:16px}.editor-actions .btn{font-size:12px;padding:6px;min-height:33px}.danger{color:#c4a3a3}.help-button{display:flex;align-items:center;gap:8px;font-size:12px;background:none;border:0;padding:20px 0 0;color:#a8b5b8;border-top:1px solid var(--border);margin-top:25px;width:100%}.design-area{padding:0 26px;min-width:0}.view-toolbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.view-tabs{height:100%;display:flex;gap:26px}.view-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 2px;font-size:14px;color:#91a0a4}.view-tabs button.active{border-bottom-color:var(--lime);color:#e7f0dd}.toolbar-right{display:flex;align-items:center;gap:8px}.example-badge{font-size:10px;color:#acb7b9;letter-spacing:1px;border:1px solid #3c4648;border-radius:4px;padding:6px 8px;margin-right:8px}.viewport{position:relative;height:490px;overflow:hidden;background:radial-gradient(ellipse at 55% 44%,#283334 0%,#1b2224 50%,#151b1d 100%);border:1px solid #353f41;border-radius:8px;margin-top:20px}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.viewport-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.viewport-top h1{font-size:16px;font-weight:450;margin-top:7px;color:#dce4e3}.viewport-top .eyebrow{font-size:10px;color:#8da0a3}.render-badge{font:10px ui-monospace,Consolas,monospace;border:1px solid #425154;border-radius:4px;padding:6px 8px;color:#9babad}.orientation{position:absolute;bottom:58px;left:22px;display:flex;gap:3px;border:1px solid #374447;background:#182023ed;border-radius:5px;padding:3px}.orientation button{font-size:11px;border:0;border-radius:3px;background:transparent;color:#9badb0;padding:6px 9px}.orientation button.active{background:#384246;color:#e0e8e8}.viewport-bottom{position:absolute;bottom:0;left:0;right:0;min-height:42px;background:#172023b8;border-top:1px solid #354044;display:flex;gap:16px;align-items:center;padding:10px 20px}.viewport-bottom>span{font-size:11px;color:#90a3a7;margin-right:auto}.small-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:7px}.axis-legend{position:absolute;bottom:70px;right:25px;display:flex;gap:9px;font:12px ui-monospace,Consolas,monospace}.axis-legend span:nth-child(1){color:#e29c89}.axis-legend span:nth-child(2){color:#b4cc7d}.axis-legend span:nth-child(3){color:#80bdcc}.metrics{display:grid;grid-template-columns:1.3fr .75fr 1fr 1fr;padding:22px 0;border-bottom:1px solid var(--border);margin-bottom:22px}.metrics>div{padding:0 22px;border-right:1px solid #353e40}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics span{font-size:10px;letter-spacing:1.1px;color:#9aa9ac;display:block;margin-bottom:9px}.metrics strong{font-size:24px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e3e9e7;white-space:nowrap}.metrics strong small{font:12px Inter,ui-sans-serif,sans-serif;color:#8f9fa3;margin-left:4px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:22px}.gore-table-panel,.pattern-panel{min-width:0;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#191f21}.panel-heading{display:flex;justify-content:space-between;gap:6px;align-items:center;padding:18px 18px 15px}.panel-heading h2{margin-top:5px;font-size:16px}.panel-heading .eyebrow{font-size:9px}.scale-badge{font:9px ui-monospace,Consolas,monospace;color:#aabe7e;border:1px solid #414d30;padding:6px 7px;border-radius:3px;white-space:nowrap}.table-scroll{max-height:235px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;text-align:left}th{font-size:10px;text-transform:uppercase;font-weight:500;color:#9eadaf;letter-spacing:.4px;background:#202729;position:sticky;top:0;z-index:1}th small{font-size:9px;text-transform:none}th,td{padding:10px 13px;border-bottom:1px solid #2e373a}td{font:12px ui-monospace,Consolas,monospace;color:#b3c2c5}td:nth-child(2){font-family:inherit;color:#bcc6c8}tr.active td{background:#303c29;color:#def99a}tbody tr:hover td{background:#2d383b;cursor:pointer}.gore-select{padding:2px 4px;color:inherit;background:none;border:0;font:inherit;text-decoration:underline;text-underline-offset:3px}#pattern-preview{height:192px;background:#141c1e;background-image:radial-gradient(#354346 1px,transparent 1px);background-size:18px 18px;padding:12px}#pattern-preview svg{width:100%;height:100%;display:block}.pattern-footer{min-height:51px;padding:10px 16px;display:flex;gap:6px;align-items:center;justify-content:space-between;border-top:1px solid #323c3e}.pattern-footer>span{font:11px ui-monospace,Consolas,monospace;color:#a2b2b6}.workspace-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;color:#77898d;font-size:10px;padding:0 0 20px}.workspace-footer b{font-weight:400;color:#a5b2b6;margin-left:6px}.workspace-footer button{font-size:11px;background:none;border:0;color:#a3b1b4;text-decoration:underline;text-underline-offset:3px}.warnings{padding:12px 14px;margin-bottom:20px;border:1px solid #665739;border-radius:5px;background:#322c1f;color:#e0c996;font-size:13px;line-height:1.6}.geometry-error{position:absolute;left:25px;right:25px;top:50%;transform:translateY(-50%);padding:20px;background:#372422f5;border:1px solid #af6a5c;border-radius:6px;color:#ffccbc;font-size:14px;line-height:1.6}.flat-workspace{padding:24px 0;min-height:490px}.flat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.flat-toolbar h2{font-size:23px;margin-top:7px}#flat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.flat-card{background:#1b2527;border:1px solid #354448;border-radius:6px;text-align:left;padding:14px;min-width:0}.flat-card.active{border-color:var(--lime)}.flat-card svg{width:100%;height:125px}.flat-card strong{display:block;font-size:14px}.flat-card small{display:block;font:11px ui-monospace,Consolas,monospace;color:#97a8ad;margin-top:6px}dialog{background:#1d2628;color:#e4edec;border:1px solid #465459;border-radius:12px;width:min(570px,calc(100% - 32px));max-height:90vh;padding:27px}dialog::backdrop{background:#050b0dcc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:24px;margin-top:5px}dialog>p{font-size:14px;color:#aebfc2;line-height:1.7;margin-top:14px}.export-options{display:grid;gap:10px;margin-top:22px}.format-option{display:flex;align-items:center;gap:16px;text-align:left;padding:16px;background:#253135;border:1px solid #46585b;border-radius:7px}.format-option:hover{border-color:var(--lime)}.format-type{font:14px ui-monospace,Consolas,monospace;color:var(--lime);width:38px;flex-shrink:0}.format-option strong{font-size:15px;display:block;margin-bottom:5px;font-weight:550}.format-option small{display:block;color:#a1b6bb;font-size:12px;line-height:1.5}.format-option>svg{margin-left:auto}.export-note{font-size:12px!important;line-height:1.7;color:#9db0b4!important}#export-status{color:var(--lime);font-size:13px;min-height:20px}.help-steps{padding-left:22px;font-size:14px;line-height:1.7;color:#b7c9cc}.help-steps li{margin:17px 0;padding-left:5px}.help-steps strong{display:block;color:#e7f0ef}details{border-top:1px solid #3c4e52;padding:15px 0;font-size:13px;line-height:1.7;color:#a9bec3}summary{color:#e3eeec;cursor:pointer;font-size:14px}details p,details code{margin-top:12px;display:block}details code{font-size:12px;overflow-wrap:anywhere;color:#d3e5a7}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#e0fac1;color:#1b2a18;padding:13px 21px;border:1px solid #eaffc9;border-radius:7px;z-index:10;font-size:14px;box-shadow:0 8px 30px #0007;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 30px)}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.workspace{grid-template-columns:325px minmax(0,1fr)}.design-area{padding:0 36px}.viewport{height:570px}.sidebar{padding-left:25px;padding-right:25px}.bottom-grid{grid-template-columns:1.15fr 1fr}.table-scroll{max-height:270px}#pattern-preview{height:220px}.topbar{gap:45px}}@media(max-width:1200px){.topbar{gap:20px;padding:18px 20px}.project-title{display:none}.topbar nav{margin-left:auto}.workspace{grid-template-columns:278px minmax(0,1fr)}.design-area{padding:0 18px}.sidebar{padding:24px 16px}.viewport{height:455px}.bottom-grid{grid-template-columns:1fr}.pattern-panel{order:-1}.metrics>div{padding:0 12px}.metrics strong{font-size:21px}.metrics span{font-size:9px;letter-spacing:.5px}#flat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-footer>span:nth-child(2){display:none}}@media(max-width:850px){.topbar{flex-wrap:wrap;gap:16px;padding:16px}.topbar nav{gap:7px}.topbar nav .btn{font-size:12px;padding:8px 10px}.topbar nav .btn.quiet>span:last-child{display:none}.brand{font-size:15px}.brand small{font-size:9px}.workspace{display:flex;flex-direction:column}.design-area{order:0;padding:0 14px}.sidebar{order:1;display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--border);border-right:0;padding:20px}.side-heading{grid-column:1 / -1;margin:0}.sections-block{margin-top:0;padding-top:0;border:0}.editor-block{grid-column:1 / -1;margin-top:0}.help-button{margin-top:0;grid-column:1 / -1}.view-toolbar{height:57px}.viewport{height:430px;margin-top:15px}.viewport-bottom{gap:10px;padding:10px 12px}.viewport-bottom>span{font-size:10px}.viewport-top{left:18px;top:18px}.viewport-top h1{font-size:15px}.metrics strong{font-size:20px}.bottom-grid{grid-template-columns:1fr 1fr;gap:12px}.panel-heading{padding:14px 12px}.panel-heading h2{font-size:14px}.scale-badge{font-size:8px;padding:5px}.pattern-panel{order:0}.pattern-footer{flex-wrap:wrap;justify-content:center}.table-scroll{max-height:245px}.brand-mark{width:35px;height:38px}.toolbar-right .example-badge{display:none}}@media(max-width:590px){.topbar{justify-content:space-between}.brand{font-size:14px}.brand small{font-size:8px;letter-spacing:1px}.topbar nav{width:100%;margin:0;display:grid;grid-template-columns:auto 1fr 1fr}.topbar nav .btn.quiet>span:last-child{display:inline}.topbar nav .btn{font-size:12px}.viewport{height:400px}.viewport-top h1{max-width:200px;line-height:1.5}.render-badge{font-size:9px}.orientation{left:14px}.viewport-bottom>span{max-width:165px;line-height:1.6}.viewport-bottom label{font-size:10px;gap:5px}.metrics{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;padding:20px 0}.metrics>div{padding-left:0;border:0}.metrics strong{font-size:24px}.metrics span{font-size:10px}.bottom-grid{grid-template-columns:1fr}.pattern-panel{order:-1}.scale-badge{font-size:9px}.pattern-footer{justify-content:space-between}.sidebar{grid-template-columns:1fr;padding:20px}.editor-block,.side-heading,.help-button{grid-column:auto}.sections-block{border-top:1px solid var(--border);padding-top:20px}.editor-block{padding-top:20px}.viewport-bottom{gap:9px}.axis-legend{right:18px;bottom:107px}#flat-grid{grid-template-columns:1fr 1fr;gap:8px}.flat-card{padding:10px}.flat-card svg{height:110px}.flat-card small{font-size:10px}.flat-toolbar h2{font-size:19px}.flat-toolbar .btn{font-size:12px;padding:8px}.flat-toolbar .btn svg{display:none}.flat-toolbar .eyebrow{font-size:9px}.flat-workspace>.field-help{font-size:12px}.workspace-footer{font-size:9px}.workspace-footer button{font-size:10px}dialog{padding:21px}.format-option{padding:14px 12px;gap:10px}.format-option strong{font-size:14px}.format-option small{font-size:12px}.format-type{width:31px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Readable control labels and technical metadata. */
.form-pair label,.full-label{font-size:14px}.side-heading .eyebrow,.unit-badge,.field-help,.check-label,.mono,.workspace-footer,.workspace-footer button,.metrics span,.panel-heading .eyebrow,.scale-badge,.orientation button,.render-badge,.example-badge,.viewport-top .eyebrow,.viewport-bottom>span,.flat-card small{font-size:12px}.metrics span{letter-spacing:.4px}th{font-size:12px;letter-spacing:0}th small{font-size:11px}td{font-size:13px}.brand small{font-size:10px}.viewport-bottom .check-label{font-size:12px}.scale-badge{font-size:10px}.panel-heading .eyebrow{font-size:11px}.pattern-footer>span{font-size:12px}.axis-legend{font-size:13px}.section-item small{font-size:12px}.help-button,.editor-actions .btn{font-size:13px}.flat-card small{font-size:12px}.view-tabs button{font-size:14px}
@media(max-width:1200px){.metrics span{font-size:11px}.metrics>div{padding-right:9px;padding-left:9px}.metrics>div:first-child{padding-left:0}}@media(max-width:850px){.bottom-grid{grid-template-columns:1fr}.pattern-panel{order:-1}.viewport-bottom{flex-wrap:wrap;gap:8px 14px}.viewport-bottom>span{font-size:11px}.brand small{font-size:10px}}@media(max-width:590px){.metrics>div{padding-left:0}.metrics span{font-size:12px}.brand small{font-size:9px}.viewport-top .eyebrow{font-size:10px}.orientation button{font-size:12px}.viewport-bottom>span{max-width:150px;font-size:10px}.viewport-bottom .check-label{font-size:11px}.workspace-footer{flex-wrap:wrap;font-size:11px}.workspace-footer button{font-size:12px}.flat-card small{font-size:11px}}@media(max-width:380px){.topbar nav .btn.quiet>span:last-child{display:none}.topbar nav .btn{padding:8px;font-size:12px}.topbar nav{gap:5px}.topbar nav .btn svg{width:15px}.brand{font-size:14px}}
/* Original SRMOTOS artwork supplied by the owner. */
.brand-logo{display:block;width:128px;height:72px;object-fit:contain;flex-shrink:0}.topbar{padding-top:10px;padding-bottom:10px}.brand{gap:15px}.brand small{letter-spacing:1.35px}.footer-brand{display:inline-flex;align-items:center;gap:9px}.footer-brand img{width:32px;height:32px;object-fit:contain;border-radius:50%;flex-shrink:0}.footer-brand b{margin-left:0}.maker-identity{display:flex;align-items:center;gap:18px;margin:20px 0 10px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.maker-identity img{display:block;width:88px;height:88px;border-radius:50%;object-fit:contain;flex-shrink:0}.maker-identity strong{display:block;font-size:18px}.maker-identity span{display:block;color:#acbec3;font-size:14px;margin-top:7px}
@media(max-width:850px){.brand-logo{width:104px;height:59px}.brand{gap:11px}.topbar{padding-top:12px;padding-bottom:12px}}@media(max-width:590px){.brand-logo{width:100px;height:57px}.brand{font-size:16px;gap:13px}.brand small{font-size:10px}.footer-brand{gap:6px}.footer-brand img{width:29px;height:29px}.maker-identity img{width:74px;height:74px}.maker-identity{gap:14px}}
/* Beta: direct manipulation and independent gomos, with touch-sized controls. */
.gizmo-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0 0}.gizmo-toolbar button{background:#202b2e;border:1px solid #425156;border-radius:5px;font-size:14px;min-height:44px;padding:8px 12px}.gizmo-toolbar button.active{background:#354229;border-color:var(--lime);color:var(--lime)}.gizmo-toolbar button[data-edit-mode=roll].active{background:#233c47;color:#70d6ff;border-color:#70d6ff}.mobile-sections{display:none}.gizmo-toolbar #undo-edit{margin-left:auto}.viewport{margin-top:10px}.gore-editor{margin-top:14px;padding:18px;border:1px solid #435244;background:#1e2825;border-radius:8px}.gore-editor-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.gore-editor-heading h2{margin-top:5px;font-size:20px}.gore-editor-heading .eyebrow{font-size:12px;letter-spacing:.6px}.gore-stepper{display:flex;gap:5px}.gore-stepper .btn{min-height:42px;font-size:14px}.gore-chips{display:flex;gap:7px;overflow:auto;padding:13px 0 3px}.gore-chips button{flex-shrink:0;background:#17201d;color:#c7d7d3;border:1px solid #4b5b55;border-radius:5px;min-width:42px;height:42px;font:14px ui-monospace,monospace}.gore-chips button.active{border-color:#dcfa56;background:#d5ee6b;color:#1d2b15}.gore-fields{display:grid;grid-template-columns:1fr 1fr .7fr;gap:18px;margin-top:16px}.gore-fields label{font-size:14px;min-width:0;color:#c4d0cd}.gore-fields label>span{float:right;color:#90a6a0}.gore-fields input{height:44px;margin-top:8px;font-size:16px}.range-pair{display:flex;align-items:center;gap:10px}.range-pair input[type=range]{padding:0;min-width:60px;width:100%;accent-color:#dcfa56;touch-action:pan-y}.range-pair input[type=number]{width:84px;flex-shrink:0}.gore-fields #gore-roll-range{accent-color:#70d6ff}.gore-measures{font:13px/1.7 ui-monospace,monospace;color:#d1e1cf;margin-top:15px}.gore-editor .field-help{font-size:13px;color:#aabbb4;margin-top:7px}.edit-error{color:#ffd2ac;border-top:1px solid #856c4b;margin-top:12px;padding-top:12px;font-size:14px;line-height:1.6}#uniform-section{white-space:normal;margin-top:10px;width:100%;font-size:14px}.section-item small{line-height:1.5}.sidebar .form-pair input,.sidebar select{min-height:42px}.topbar{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}body{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1200px){.gore-fields{grid-template-columns:1fr 1fr}.gore-fields>label:last-child{grid-column:1 / -1}.gore-fields>label:last-child input{max-width:180px;display:block}.gore-fields>label:last-child span{float:none;margin-left:8px}}
@media(max-width:850px){.mobile-sections{display:block}.gizmo-toolbar{gap:5px}.gizmo-toolbar button{font-size:13px;padding:8px 10px}.gore-fields{grid-template-columns:1fr 1fr}.gizmo-toolbar #undo-edit{margin-left:0}.gore-editor{padding:16px}}
@media(max-width:590px){.gore-fields{grid-template-columns:1fr;gap:13px}.gore-fields>label:last-child{grid-column:auto}.gore-fields>label:last-child input{max-width:100%;display:block}.gore-fields>label:last-child span{float:right}.range-pair input[type=number]{width:96px}.viewport{height:350px}.viewport-top{top:12px}.viewport-top h1{font-size:14px}.viewport-top .render-badge{display:none}.gore-editor-heading{align-items:flex-start}.gore-editor-heading .eyebrow{display:block;max-width:180px;line-height:1.6}.gore-stepper .btn{font-size:12px;padding:7px}.gore-measures{font-size:12px}.gore-editor .field-help{font-size:13px}.topbar{padding:10px 14px;gap:8px}.brand-logo{height:42px;width:78px}.brand{font-size:15px}.brand small{font-size:9px}.view-toolbar{height:50px}.gizmo-toolbar button{min-height:42px}.orientation{bottom:64px}.orientation button{min-height:34px}.viewport-bottom{min-height:53px}.design-area{padding:0 10px}.axis-legend{bottom:112px}}
/* Engine sizing assistant — same workshop surface on web and Android. */
.engine-launch{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 18px;margin-top:16px;background:#222c21;border:1px solid #536442;border-radius:8px}.engine-launch strong{display:block;font-size:16px}.engine-launch span{display:block;font-size:14px;color:#b7c5ae;margin-top:5px;line-height:1.5}.engine-launch .btn{min-height:44px}.engine-project-summary{font-size:14px;line-height:1.6;color:#b5c6b3;padding:12px 4px 0}.engine-dialog{width:min(1180px,calc(100vw - 32px));max-width:1180px;max-height:calc(100dvh - 32px);padding:0;border-color:#536148}.engine-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 26px;border-bottom:1px solid var(--border);background:#1c2422}.engine-top .eyebrow{font-size:12px;letter-spacing:1px;color:#bac8a3}.engine-top h2{font-size:24px;margin-top:7px}.engine-top .icon-btn{min-width:44px;width:44px;height:44px;font-size:20px}.engine-body{display:grid;grid-template-columns:minmax(290px,.86fr) minmax(0,1.14fr);gap:28px;padding:25px 26px}.engine-field{display:block;margin:0 0 17px;color:#d1dbd3;font-size:14px;line-height:1.5}.engine-field input,.engine-field select{margin-top:7px;min-height:44px;font-size:16px;width:100%;min-width:0}.engine-field small{display:block;color:#a8b7af;font-size:13px;line-height:1.6;margin-top:6px}.engine-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.engine-dialog fieldset{min-width:0;padding:20px 0 0;border:0;border-top:1px solid #38463e;margin:24px 0 0}.engine-dialog legend{font-weight:650;font-size:16px;padding-right:12px;color:#e5edde}.engine-dialog p.engine-help{font-size:13px;line-height:1.65;color:#a7b8af;margin:0 0 16px}.method-description{padding:17px;border:1px solid #52633b;background:#283323;border-radius:6px}.method-description>span{font-size:13px;letter-spacing:.2px;color:#dcfa86;font-weight:600}.method-description>span.experimental{color:#e7cc98}.method-description p{font-size:14px;line-height:1.7;margin:8px 0 0;color:#d0d9c7}.engine-results{min-width:0}.engine-results>.eyebrow{font-size:12px;letter-spacing:.7px}.engine-results h3{font-size:22px;font-weight:600;margin:8px 0 14px}.engine-results h4{font-size:16px;font-weight:600;margin:24px 0 12px}.engine-error{border:1px solid #91653d;background:#36291c;color:#ffdaa9;line-height:1.65;font-size:15px;padding:16px;border-radius:6px;margin-bottom:16px}.engine-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.engine-metrics span{display:block;font-size:13px;color:#a5b8aa;line-height:1.5}.engine-metrics strong{display:block;margin-top:8px;font-size:23px;font-weight:500;color:#e5f2d2;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.engine-metrics small{font-size:13px;color:#a5b8aa}.engine-metrics p{font-size:12px;line-height:1.6;color:#a3b1a9;margin-top:6px}.engine-profile{margin:15px 0}.engine-profile svg{display:block;width:100%;height:auto;background:#111b18;border:1px solid #33463a;border-radius:6px}.engine-profile p{font-size:12px;line-height:1.6;color:#9db0a4;margin-top:8px}.engine-table-scroll{overflow:auto;max-width:100%;border:1px solid #35423a;border-radius:5px}.engine-table{font-size:14px;white-space:nowrap}.engine-table caption{text-align:left;padding:12px;font-size:14px;color:#c6d2c2;background:#1e2822}.engine-table th{position:static;font-size:12px;text-transform:none;padding:10px;letter-spacing:0;background:#233026}.engine-table td{padding:10px;font-size:13px}.engine-table td:first-child{font-family:inherit}.engine-table tr.selected td{background:#30402a;color:#e1f5b2}.engine-table tbody tr:hover td{cursor:default}.engine-notes{margin-top:20px;padding:4px 0 0 14px;border-left:2px solid #a58c59}.engine-notes p{font-size:13px;line-height:1.7;color:#bfcbc1;margin:0 0 12px}.engine-equations{border-top:1px solid #38443e;margin-top:22px;padding-top:18px}.engine-equations summary{font-size:14px;cursor:pointer;line-height:1.6}.engine-equations ul{padding-left:19px}.engine-equations li{font-size:13px;line-height:1.75;margin:10px 0;color:#b9cbbd}.engine-equations p{font-size:13px;line-height:1.7;color:#b9cbbd}.engine-source-links{display:grid;gap:12px;margin-top:15px}.engine-source-links a{font-size:13px;line-height:1.6;color:#d5ef9f;text-underline-offset:3px}.engine-actions{position:sticky;bottom:0;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px 26px;background:#1d2622;border-top:1px solid #4a5c46;box-shadow:0 -10px 20px #111916aa}.engine-actions p{margin:0;max-width:690px;font-size:13px;line-height:1.65;color:#bdcbbb}.engine-actions p strong{font-weight:500;color:#e6eddc}.engine-actions .btn{min-height:46px;flex-shrink:0;font-size:15px}
@media(max-width:850px){.engine-body{grid-template-columns:minmax(0,1fr);padding:20px;gap:28px}.engine-results{border-top:1px solid #41513e;padding-top:24px}.engine-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.engine-actions{padding:14px 20px;gap:16px}.engine-top{padding:20px}.engine-actions p{font-size:12px}.engine-top h2{font-size:22px}.engine-launch{padding:14px}}
@media(max-width:590px){.engine-launch{align-items:flex-start;gap:12px;flex-direction:column}.engine-launch .btn{width:100%}.engine-actions{position:static;flex-direction:column;align-items:stretch}.engine-actions .btn{width:100%;white-space:normal}.engine-body{padding:18px 15px}.engine-top{padding:18px 15px}.engine-top h2{font-size:20px}.engine-pair{gap:10px}.engine-metrics strong{font-size:20px}.engine-dialog .engine-field select{font-size:15px}.engine-dialog{max-height:calc(100dvh - 12px);width:calc(100vw - 12px)}.engine-project-summary{font-size:13px}.engine-table td{font-size:12px}.engine-table th{font-size:12px}.engine-actions p{font-size:13px}}