/* FEM workspace: shared viewer palette with a left inspector and a full viewport. */
html,body{height:100%;overflow:hidden}
html body.site-legacy{font:13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}
html body.site-legacy .fem-app{display:flex;flex-direction:column;height:calc(100dvh - var(--site-header-height));color:var(--portfolio-text);background:var(--portfolio-bg)}
.fem-appbar{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;background:var(--portfolio-elevated);border-bottom:1px solid var(--portfolio-line)}
.fem-appbar>div,.appbar-actions{display:flex;align-items:center;gap:14px}.fem-appbar strong{font-size:13px;font-weight:650}.fem-appbar span{font-size:11px;color:var(--portfolio-muted)}
.fem-workspace{--inspector-width:370px;position:relative;display:grid;grid-template-columns:60px var(--inspector-width) 5px minmax(0,1fr);min-height:0;flex:1}
.fem-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:var(--portfolio-elevated);border-right:1px solid var(--portfolio-line);z-index:6}
.rail-button{position:relative;display:grid;place-items:center;width:46px;height:43px;border:0;border-radius:8px;background:transparent;color:var(--portfolio-muted);font-size:18px;cursor:pointer}
.rail-button:hover,.rail-button.active{color:var(--portfolio-accent);background:var(--portfolio-accent-soft)}.rail-button.active:before{content:'';position:absolute;left:-6px;height:24px;width:2px;background:var(--portfolio-accent)}
.fem-inspector{min-width:0;overflow:auto;background:var(--portfolio-panel);scrollbar-color:var(--portfolio-line-strong) transparent}
.fem-panel[hidden]{display:none!important}.fem-panel{min-width:0}.panel-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--portfolio-line);background:var(--portfolio-panel)}
.panel-head small{font-size:9px;letter-spacing:1.2px;color:var(--portfolio-accent)}.panel-head h2{font-size:18px;font-weight:590;margin:4px 0 0}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--portfolio-muted);font-size:15px;text-decoration:none;cursor:pointer;flex:none}.icon-button:hover{background:var(--portfolio-accent-soft);color:var(--portfolio-accent)}
.fem-panel .accordion-body{padding:18px}.fem-panel .row.g-3{--bs-gutter-x:12px;--bs-gutter-y:12px}.fem-panel .row.g-3>[class*=col]{width:50%;flex:none}.fem-panel .justify-content-center img{display:block;max-height:190px;object-fit:contain;margin:8px 0 16px}
.fem-panel label{font-size:11px;color:var(--portfolio-soft);font-weight:400}.fem-panel .form-control,.fem-panel .form-select,.fem-panel .input-group-text{min-height:34px;font-size:12px;background-color:var(--portfolio-input);color:var(--portfolio-text);border-color:var(--portfolio-line-strong);padding:6px 8px}.fem-panel input[type=number]{min-width:0}.fem-panel .form-control:focus,.fem-panel .form-select:focus{border-color:var(--portfolio-accent);box-shadow:0 0 0 3px var(--portfolio-accent-soft)}.fem-panel .btn{font-size:12px;min-height:34px;padding:6px 10px}.fem-panel .form-select option{background:var(--portfolio-input);color:var(--portfolio-text)}
.fem-panel .form-select:disabled{opacity:.5}.fem-panel .mb-5{margin-bottom:24px!important}.fem-panel .alert{font-size:11px;line-height:1.6;background:var(--portfolio-elevated);color:var(--portfolio-muted);border-color:var(--portfolio-line)}
.preset-controls{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px;margin-bottom:18px}.preset-controls label{display:block;min-width:0}.preset-controls label select{display:block;margin-top:5px;width:100%}.preset-controls .preset-apply{grid-column:1/-1;width:100%}#panel-material .preset-controls{grid-template-columns:1fr}
.bc-control-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.bc-axes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bc-axes label{display:block;margin-bottom:5px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bc-axes .input-group .form-control{width:1%;min-width:0}
.analysis-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analysis-checks>[class*=col]{width:auto;padding:12px 9px;border:1px solid var(--portfolio-line);border-radius:6px;background:var(--portfolio-elevated);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.analysis-checks label{margin:0!important;line-height:1.4}.analysis-checks label b{font-weight:500}.analysis-checks i{font-size:16px}.fem-panel .progress{height:6px;background:var(--portfolio-input)}#static-analysis-progress-info{float:none!important;display:block;color:var(--portfolio-muted);font-size:11px;margin:12px 0 0!important}#static-analysis-run-button{margin-right:5px}
.section-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--portfolio-muted);margin:0 0 14px}.result-control{display:block;margin:0 0 15px}.result-control>select,.result-control>.solution-step{margin-top:6px}.solution-step{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;align-items:center}.solution-step .icon-button{border:1px solid var(--portfolio-line-strong);background:var(--portfolio-input)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 15px;text-align:center;border:1px dashed var(--portfolio-line-strong);border-radius:8px;color:var(--portfolio-muted);margin:20px 0 14px}.empty-state i{font-size:23px;color:var(--portfolio-accent)}.empty-state strong{font-size:13px;font-weight:550;color:var(--portfolio-text)}.empty-state span{font-size:11px;max-width:240px;line-height:1.6}.empty-state[hidden],.result-summary[hidden]{display:none}.result-summary{display:block;margin:18px 0 14px;padding:12px;border:1px solid var(--portfolio-line);border-radius:6px;font-size:11px;color:var(--portfolio-soft);background:var(--portfolio-elevated)}
.fem-secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:7px 12px;border:1px solid var(--portfolio-line-strong);border-radius:6px;background:var(--portfolio-input);color:var(--portfolio-text);font-family:inherit;font-size:12px;line-height:1.4;cursor:pointer}.fem-secondary-button:hover{border-color:var(--portfolio-accent);color:var(--portfolio-accent)}#result-run-analysis{width:100%}
#fem-panel-resizer{border-inline:1px solid var(--portfolio-line);background:var(--portfolio-elevated);cursor:col-resize;touch-action:none}#fem-panel-resizer:hover,#fem-panel-resizer:focus-visible{background:var(--portfolio-accent-border)}.fem-workspace:not(.inspector-open){grid-template-columns:60px 0 0 minmax(0,1fr)}.fem-workspace:not(.inspector-open) .fem-inspector,.fem-workspace:not(.inspector-open) #fem-panel-resizer{visibility:hidden}
.fem-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--portfolio-bg)}.fem-viewport #graphic-div{position:absolute;inset:0;width:100%;height:100%}#graphic-canvas,#text-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#graphic-canvas{cursor:grab;touch-action:none}#graphic-canvas:active{cursor:grabbing}#text-canvas{pointer-events:none}
.fem-viewbar{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--portfolio-line-strong);border-radius:8px;background:var(--portfolio-panel);box-shadow:0 5px 18px #0003;z-index:2}.fem-viewbar .viewport-toggle{width:32px;height:30px;min-height:0;padding:0;margin:0;border:0;border-radius:5px;font-size:13px;line-height:1;background:transparent;color:var(--portfolio-muted)}.fem-viewbar .viewport-toggle i{font-size:14px}.fem-viewbar .viewport-toggle.btn-secondary{background:var(--portfolio-accent-soft);color:var(--portfolio-accent)}.fem-viewbar .viewport-toggle:hover{color:var(--portfolio-accent)}.viewbar-separator{width:1px;height:18px;background:var(--portfolio-line-strong);margin:0 4px}.fem-viewbar .icon-button{height:30px;width:30px}
.fem-view-badge{position:absolute;top:20px;right:16px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--portfolio-muted);pointer-events:none}.view-dot{width:6px;height:6px;border-radius:50%;background:var(--portfolio-accent)}.result-badge{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 30px);padding:8px 11px;border:1px solid var(--portfolio-line-strong);border-radius:6px;background:var(--portfolio-panel);color:var(--portfolio-soft);font-size:11px;cursor:pointer}.result-badge>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-badge:hover{border-color:var(--portfolio-accent);color:var(--portfolio-accent)}
.fem-view-hint{position:absolute;bottom:16px;left:16px;padding:5px 9px;border:1px solid var(--portfolio-line);border-radius:6px;background:var(--portfolio-panel);color:var(--portfolio-muted);font-size:10px;pointer-events:none}
.viewport-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:25px;border:1px solid var(--portfolio-line);border-radius:10px;background:var(--portfolio-panel);box-shadow:0 8px 24px #0002;max-width:calc(100% - 40px);width:290px}.viewport-empty>i{font-size:30px;color:var(--portfolio-accent)}.viewport-empty h2{font-size:17px;margin:0;font-weight:550}.viewport-empty p{color:var(--portfolio-muted);font-size:12px;margin:0}.viewport-empty[hidden]{display:none}
html body .fem-app #loading-canvas{position:absolute!important;inset:44px 0 0;top:44px!important;width:100%;height:calc(100% - 44px);z-index:999;pointer-events:auto}
html[data-theme=light] .fem-panel .form-select,html[data-theme=white] .fem-panel .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2329272d' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}
.fem-app button:focus-visible,.fem-app a:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:2px}.fem-app button:disabled{opacity:.4;cursor:default}
@media(max-width:1100px){.fem-workspace{--inspector-width:330px}.fem-view-badge{display:none}}
@media(max-width:720px){.fem-workspace,.fem-workspace:not(.inspector-open){grid-template-columns:48px minmax(0,1fr)}.fem-rail{padding-inline:3px}.rail-button{width:40px;height:40px}.fem-inspector{position:absolute;left:48px;top:0;bottom:0;width:min(350px,calc(100% - 80px));z-index:5;box-shadow:8px 0 25px #0004;border-right:1px solid var(--portfolio-line-strong)}#fem-panel-resizer{display:none}.fem-viewport{grid-column:2}.fem-appbar{padding-inline:12px}.fem-appbar>div>span{display:none}.fem-appbar .appbar-actions{gap:5px}.fem-appbar .appbar-actions>span{display:none}.fem-viewbar{left:10px;top:10px;gap:0}.fem-viewbar .viewport-toggle{width:28px}.fem-view-hint{display:none}.result-badge{bottom:12px;right:10px;max-width:calc(100% - 20px)}.fem-panel .accordion-body{padding:14px}.preset-controls{grid-template-columns:minmax(0,1fr) 85px}.panel-head{padding:16px 14px}}