@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18232b;--muted:#71808a;--line:#e2e6e8;--yellow:#efbe4a;--bg:#f5f6f7;--card:#fff;font-family:'IBM Plex Sans Arabic','Manrope',sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;background:none;color:inherit;border-radius:7px;min-height:36px;padding:6px 12px;font-weight:500}button:hover{background:#e9edf0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #398cab;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}input[type=range]{accent-color:#c08e27;min-width:0;cursor:pointer;height:20px}input[type=checkbox]{accent-color:#b78419;width:16px;height:16px}select{border:1px solid var(--line);background:white;padding:6px 9px;border-radius:6px;color:var(--ink);max-width:100%}[hidden]{display:none!important}.masthead{height:78px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;background:var(--yellow);width:41px;height:43px;border-radius:9px;color:var(--ink);font-size:40px;line-height:1;font-family:Arial}.brand strong{display:block;font-size:22px;line-height:1.3}.brand small{display:block;font:9px Manrope,sans-serif;letter-spacing:1.8px;color:#a1adb5;margin-top:4px}.project-name{border-inline-start:1px solid #3a4248;padding-inline-start:24px;margin-inline-end:auto}.project-name b{display:block;font-size:14px}.project-name span{display:block;color:#a1adb5;font-size:12px;margin-top:3px}.header-actions{display:flex;align-items:center;gap:13px}.text-btn{color:#c7d0d5;font-size:13px}.text-btn:hover,.lang-btn:hover{background:#34414a}.lang-btn{border-color:#47535b;font-family:Manrope}.accent{background:var(--yellow);color:#292414;font-weight:600}.accent:hover{background:#e6ac2e}.small{font-size:13px}.workspace-nav{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:white;gap:16px}.modes{display:flex;gap:8px;height:100%;align-items:stretch}.mode{position:relative;border-radius:0;padding:0 14px;color:#728089}.mode:hover{background:#f7f8f8}.mode.active{color:#1d292f;font-weight:600}.mode.active:after{position:absolute;content:'';height:3px;background:var(--yellow);bottom:0;inset-inline:12px;border-radius:5px}.config{font:12px Manrope;color:#687881;display:flex;align-items:center;gap:13px;white-space:nowrap}.config i{height:3px;width:3px;border-radius:50%;background:#89949b}.workspace{display:grid;grid-template-columns:252px minmax(300px,1fr) 276px;min-height:550px;height:calc(100dvh - 342px);max-height:900px}.panel{background:white;display:flex;flex-direction:column;min-height:0;overflow:hidden}.catalog{border-inline-end:1px solid var(--line)}.inspector{border-inline-start:1px solid var(--line);overflow:auto}.panel-title{padding:21px 19px 15px;display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:15px;margin:0;font-weight:600}.count{font:12px Manrope;background:#f0f2f3;padding:4px 8px;border-radius:5px}.search{margin:0 16px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:#fafbfb;gap:6px}.search span{font-size:24px;color:#829098}.search input{width:100%;border:0;outline:none;background:none;min-width:0;height:38px;font-size:13px}.catalog-toolbar{display:flex;align-items:center;padding:10px 15px;gap:3px}.catalog-toolbar select{border:0;font-size:12px;flex:1;min-width:0;padding:3px}.catalog-toolbar button{font-size:12px;color:#708088;padding:3px;white-space:nowrap}.part-list{overflow:auto;flex:1;padding:2px 9px 12px}.system-head{display:flex;align-items:center;gap:8px;padding:12px 8px 7px;color:#75818a;font-size:12px}.system-head i{width:7px;height:7px;border-radius:50%}.system-head span{flex:1}.system-head button{padding:0 5px;min-height:23px;font-size:15px}.part-row{display:flex;align-items:center;border-radius:6px;margin-bottom:2px}.part-row:hover{background:#f6f7f7}.part-row.selected{background:#fff6dd;box-shadow:inset -3px 0 #e9b338}.part-row.off{opacity:.4}.part-pick{text-align:start;flex:1;font-size:13px;min-height:42px;display:flex;align-items:center;gap:9px;padding:8px}.part-pick .part-symbol{font-family:Arial;color:#9aa6ad;font-size:20px}.part-row.selected .part-symbol{color:#b68b22}.eye-button{color:#8e9aa1;padding:4px 8px;font-size:17px}.catalog-footer{padding:13px 17px;border-top:1px solid var(--line);font-size:11px;color:#8b969d;display:flex;align-items:center;gap:8px}.dot{width:5px;height:5px;background:#d4a537;border-radius:50%}.stage{position:relative;overflow:hidden;background:#edf0f2;min-height:500px}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;top:17px;inset-inline:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-top select{pointer-events:auto;font-size:12px;background:#ffffffbf;border-color:#d9dfe2}.scene-badge{display:flex;gap:7px;align-items:center;color:#73828c;font-size:11px;font-weight:400;letter-spacing:.1px}.scene-badge span{width:6px;height:6px;background:#94a7af;border-radius:50%}.scene-badge b{font-weight:500}.model-caption{position:absolute;top:75px;inset-inline-start:27px;pointer-events:none}.model-caption>span{font:10px Manrope;letter-spacing:1.8px;color:#8b989f}.model-caption h1{font-size:25px;font-weight:500;margin:5px 0}.model-caption p{color:#8a979e;font-size:12px;margin:2px 0}.view-tools{position:absolute;top:175px;inset-inline-start:15px;padding:4px;background:#ffffffd9;border:1px solid #dce2e6;border-radius:9px;display:flex;flex-direction:column;box-shadow:0 5px 20px #23384405}.view-tools button{font-size:11px;min-height:33px;padding:3px 8px}.view-tools button:first-child{font-size:23px}.view-tools span{height:1px;background:#e6e9eb;margin:3px}.stage-bottom{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:min(88%,510px);background:#ffffffed;border:1px solid #dce2e6;border-radius:10px;padding:10px 15px;box-shadow:0 6px 22px #2434410b}.visual-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #e6eaec;padding-bottom:8px}.visual-controls label{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.range-row{display:flex;align-items:center;gap:9px;padding-top:8px;font-size:12px}.range-row input{flex:1}.range-row output{font:11px Manrope;min-width:31px}.range-row button{font-size:11px;min-height:24px;padding:2px 8px;background:#f3f5f6}.gesture-hint{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;font-size:10px;color:#87979f;pointer-events:none}.empty-detail{padding:22px 24px;text-align:center}.outline-cube{font-size:76px;color:#c4cdd2;line-height:1.3;font-family:Arial;font-weight:100}.empty-detail h3{font-size:16px;margin:12px 0}.empty-detail p{font-size:13px;line-height:1.9;color:#83919a;margin-bottom:23px}.outline{border-color:#d8dfe3;background:white}.empty-detail .outline{font-size:12px;min-width:100%}.accuracy-note{padding:17px;display:flex;gap:9px;margin-top:auto;color:#8a969d;border-top:1px solid var(--line);background:#fafbfb}.accuracy-note p{font-size:11px;line-height:1.8;margin:0}.accuracy-note>span{color:#b09a62;margin-top:2px}.tiny-square{width:8px;height:8px;border:1px solid #b7c1c6;transform:rotate(45deg)}.console{background:white;border-top:1px solid var(--line);padding:14px 26px 17px}.console-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#95a0a7;margin-bottom:12px}.console-heading>div{display:flex;align-items:center;gap:8px}.console-heading strong{font-size:13px;color:#6d7982}.console-heading small{border-inline-start:1px solid #dfe4e7;padding-inline-start:9px;font-size:11px}.console-dot{width:7px;height:7px;background:#a5afb5;border-radius:50%}.gauges{display:grid;grid-template-columns:repeat(8,1fr);margin:0 -6px}.gauge{padding:0 20px;border-inline-end:1px solid var(--line);min-width:0}.gauge:last-child{border:0}.gauge-label{font-size:11px;color:#7b8992;margin-bottom:5px;display:block}.gauge-value{font:600 26px Manrope;direction:ltr;display:inline-block;letter-spacing:-.8px}.gauge-unit{font:11px Manrope;color:#a2acb1;margin-inline-start:7px}.gauge-track{height:3px;border-radius:3px;background:#eef1f3;margin-top:8px;overflow:hidden}.gauge-track i{display:block;height:100%;width:0;background:#d9ad42;transition:width .3s}.operation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.run-controls{display:flex;gap:7px}.run-controls button{font-size:12px;white-space:nowrap}.danger{color:#b6514b;background:#fff1ef;border-color:#f0dcd8}.danger:hover{background:#f9ded8}.load-control{display:flex;align-items:center;gap:10px;font-size:12px;flex:1;max-width:455px}.load-control label{white-space:nowrap}.load-control input{width:100%;min-width:40px}.load-control output{font:12px Manrope}.chip{font-size:10px;white-space:nowrap;border-color:#dce3e6}.speed-controls{display:flex;align-items:center;gap:5px;font-size:11px}.speed-controls select{font-size:11px}.speed-controls button{font-size:11px}#loader{position:absolute;inset:0;background:#edf0f2;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.loader-icon{font:70px Arial;color:#d0a436}#loader progress{width:210px;height:6px;accent-color:#d4a02c}#load-label{font:12px Manrope;color:#87969f}.detail-head{padding:10px 21px 18px;border-bottom:1px solid var(--line)}.detail-id{font:10px Manrope;letter-spacing:1px;color:#a2acb2}.detail-head h3{font-size:21px;font-weight:600;margin:9px 0 2px}.detail-en{font:12px Manrope;color:#80909a}.system-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;margin-top:13px;background:#f5f6f7;padding:4px 7px;border-radius:4px}.system-tag i{width:6px;height:6px;border-radius:50%}.detail-body{padding:15px 21px}.detail-body p{font-size:13px;line-height:1.9;margin:0 0 16px;color:#64757e}.detail-body h4{font-size:11px;color:#9aa5ab;font-weight:500;margin:14px 0 7px}.relations{display:flex;flex-wrap:wrap;gap:4px}.relations button{font-size:11px;border:1px solid #e3e8eb;border-radius:5px;min-height:28px;padding:3px 7px}.detail-actions{display:flex;gap:6px;margin:18px 0 13px}.detail-actions button{flex:1;font-size:12px;border:1px solid #dce2e6}.opacity-label{display:flex;justify-content:space-between;font-size:12px;color:#6e7e87}.detail-body input[type=range]{width:100%}.approx-label{color:#a18b54!important;font-size:10px!important;margin:13px 0 0!important}.flow-legend{position:absolute;bottom:110%;right:0;left:0;display:flex;justify-content:center;gap:9px;padding:6px;border-radius:6px;background:#fffffff0;font-size:10px}.flow-legend span{display:flex;gap:4px;align-items:center}.flow-legend i{width:7px;height:7px;border-radius:50%}#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);padding:12px 22px;background:#1e2c36;color:white;border-radius:9px;z-index:30;box-shadow:0 6px 20px #0002;font-size:14px;max-width:90vw}dialog{width:min(760px,92vw);max-height:85dvh;border:1px solid #d7dfe4;border-radius:16px;padding:28px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#13212eb5;backdrop-filter:blur(5px)}#modal-close{position:absolute;inset-inline-end:10px;top:10px;font-size:24px}#modal-content{line-height:1.9;font-size:14px}#modal-content h2{font-size:25px;margin-top:5px}#modal-content h3{font-size:16px;margin-top:22px}#modal-content a{color:#257a9a;text-decoration:underline}#modal-content li{margin:5px 0}#modal-content table{border-collapse:collapse;width:100%;font-size:13px}#modal-content td,#modal-content th{padding:8px;border-bottom:1px solid var(--line);text-align:start}#mode-content{padding:0 18px 18px}#mode-content h3{font-size:15px}#mode-content p{font-size:12px;line-height:1.8;color:#7a8993}#mode-content button{font-size:12px;border:1px solid var(--line);width:100%;text-align:start;margin-top:5px}#mode-content button.active{background:#fff4d4;border-color:#d8b557}.step-counter{font:11px Manrope;color:#b09656}.lesson-card{background:#f6f8f9;border:1px solid #e0e6e9;padding:13px;border-radius:9px;margin-top:10px}.lesson-card h4{font-size:14px;margin:0 0 8px}.lesson-card p{margin:0}.answer.good{border-color:#459881!important;background:#eaf6ef}.answer.bad{border-color:#b46658!important;background:#fff0ed}#context-banner{position:absolute;top:130px;inset-inline:90px;text-align:center;background:#fff3d8ed;border:1px solid #dfc28b;padding:9px;border-radius:7px;font-size:12px;pointer-events:none}#floating-label{position:absolute;pointer-events:none;background:#18232bd9;color:white;border-radius:5px;padding:5px 10px;font-size:12px;transform:translate(-50%,-100%)}.measurement-label{position:absolute;font-size:12px;background:#fff7d8;padding:5px 9px;border:1px solid #ddbf73;border-radius:5px;pointer-events:none}
@media(min-width:1600px){.workspace{grid-template-columns:280px minmax(500px,1fr) 310px}.model-caption h1{font-size:30px}.stage-bottom{width:550px}}@media(max-width:1190px){.workspace{grid-template-columns:220px minmax(280px,1fr) 240px}.masthead{padding:0 17px;gap:16px}.project-name{display:none}.brand{margin-inline-end:auto}.workspace-nav{padding:0 15px}.config{display:none}.gauge{padding:0 12px}.operation{flex-wrap:wrap;gap:10px}.speed-controls{margin-inline-start:auto}.load-control{max-width:none}.console{padding:14px 18px}.visual-controls{flex-wrap:wrap;justify-content:center}.stage-bottom{padding:9px;width:90%}.model-caption h1{font-size:22px}.workspace{height:600px}}@media(max-width:920px){.workspace{grid-template-columns:205px minmax(280px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;height:auto;overflow:visible;max-height:none;border-top:1px solid var(--line)}.inspector>.panel-title{grid-column:1/-1;padding:12px 20px}.inspector .accuracy-note{display:none}.empty-detail{padding:8px 20px 18px;display:flex;gap:15px;align-items:center;text-align:start;grid-column:1/-1}.empty-detail .outline-cube,.empty-detail p{display:none}.empty-detail h3{flex:1}.empty-detail .outline{min-width:0}.workspace{height:auto;min-height:0}.stage,.catalog{height:590px}.detail-head{padding-top:5px}.detail-body{padding-top:7px}.gauges{grid-template-columns:repeat(4,1fr);row-gap:19px}.gauge:nth-child(4){border:0}.operation{gap:14px}.load-control{order:3;width:100%;max-width:100%;flex:1 0 100%}.header-actions{gap:6px}.header-actions .text-btn{font-size:11px}.modes{gap:0}.mode{font-size:12px;padding:0 12px}.console-heading>span{display:none}}
@media(max-width:600px){.masthead{height:68px;padding:0 13px}.brand strong{font-size:19px}.brand small{font-size:7px;letter-spacing:1px}.brand-icon{width:32px;height:36px;font-size:32px}.header-actions .text-btn{display:none}.header-actions .small{font-size:11px;padding:5px 9px}.lang-btn{font-size:11px;min-height:31px;padding:4px 8px}.workspace-nav{height:51px;padding:0 3px;overflow-x:auto}.modes{width:100%;justify-content:space-between}.mode{font-size:11px;padding:0 7px;white-space:nowrap}.workspace{display:flex;flex-direction:column}.stage{order:0;height:530px;min-height:530px}.catalog{order:1;height:270px;border-top:1px solid var(--line)}.inspector{order:2;display:block}.panel-title{padding:15px 17px 10px}.part-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 6px}.system-head{grid-column:1/-1;padding:5px 8px}.catalog-toolbar{padding:4px 15px}.catalog-footer{display:none}.part-pick{font-size:12px;min-height:33px}.part-row{min-width:0}.part-pick .part-symbol{display:none}.empty-detail{display:flex}.empty-detail h3{font-size:14px}.model-caption{top:70px;inset-inline-start:21px}.model-caption h1{font-size:23px}.model-caption p{font-size:11px}.view-tools{top:175px;inset-inline-start:10px}.view-tools button{min-height:30px;padding:3px 6px;font-size:10px}.stage-bottom{bottom:39px;width:91%;max-width:440px}.visual-controls{justify-content:space-between;gap:3px}.visual-controls label{font-size:10px}.gesture-hint{font-size:8px}.scene-badge{font-size:10px}.console{padding:15px 12px}.gauge{padding:0 10px}.gauge-value{font-size:23px}.gauge-unit{font-size:9px;margin-inline-start:3px}.gauge-label{font-size:10px}.run-controls{width:100%;justify-content:space-between;gap:4px}.run-controls button{font-size:11px;padding:7px 10px}.speed-controls{margin:0;width:100%;justify-content:flex-end}.load-control{font-size:11px;gap:7px}.console-heading{margin-bottom:15px}.inspector #detail{display:grid;grid-template-columns:1fr 1fr}.detail-head{border-bottom:0;border-inline-end:1px solid var(--line);padding:10px 17px}.detail-head h3{font-size:19px}.detail-body{padding:8px 15px}.detail-body p{font-size:12px}.inspector .empty-detail{grid-column:1/-1}.flow-legend{flex-wrap:wrap;gap:5px}#context-banner{inset-inline:66px;top:129px;font-size:10px}#mode-content{padding-top:10px}.detail-actions{margin:10px 0}.detail-actions button{font-size:10px}.model-caption>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.masthead{height:auto;min-height:88px;flex-wrap:wrap;padding-block:14px;gap:14px}.brand strong{font-size:20px}.project-name{display:none}.header-actions{gap:6px;flex-wrap:wrap}.header-control{border-color:#495661;font-size:12px;white-space:nowrap}.header-control:hover{background:#34414a}.brand-icon{color:#18232b}.workspace{height:auto;min-height:680px;max-height:none}.catalog,.inspector{max-height:760px}.stage{display:flex;flex-direction:column;min-height:680px;padding-top:525px}.stage #viewport{bottom:auto;height:525px}.stage-top{top:15px}.model-caption{top:64px}.model-caption h1{font-size:23px}.model-caption p{font-size:11px}.view-tools{top:168px}.stage-bottom{position:relative;bottom:auto;left:auto;transform:none;width:calc(100% - 28px);max-width:620px;margin:0 auto 13px;padding:12px 15px;flex:none}.gesture-hint{bottom:auto;top:506px;font-size:9px}.options-panel{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.options-panel small{color:var(--muted);font-size:10px;display:block;margin-top:6px}.axis-select{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px}.axis-select select{font-size:12px;min-width:145px}.section-axis span{font-family:Manrope;width:18px}.section-axis output{width:36px;text-align:end}.flow-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin-top:8px}.flow-options label,.flow-all{display:flex;gap:5px;align-items:center;font-size:12px}.flow-all{font-weight:600}.flow-legend{position:static;margin:0 0 8px;padding:0;background:none;flex-wrap:wrap}.audio-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.audio-controls label{display:flex;align-items:center;gap:4px}.audio-controls button{font-size:12px}.audio-controls #audio-status{color:#43866a}.audio-controls #smoke-status{color:var(--muted);font-size:11px}.audio-controls small{color:var(--muted);margin-inline-start:auto;font-size:11px}#part-popover{position:absolute;z-index:8;top:64px;inset-inline-end:16px;width:min(278px,calc(100% - 86px));background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 8px 28px #16263425}#popover-close{position:absolute;inset-inline-end:5px;top:4px;font-size:23px;width:32px;height:32px;padding:0;min-height:32px}#popover-id{font:10px Manrope;color:var(--muted);display:block;padding-inline-end:25px;overflow-wrap:anywhere}#popover-name{font-size:18px;line-height:1.4;margin:8px 0}#popover-description{font-size:12px;line-height:1.8;margin:0 0 12px;color:var(--muted);max-height:90px;overflow:auto}#popover-more{width:100%}input{color:inherit}.visual-controls{justify-content:space-around}.mobile-reference{font-size:12px;margin:8px}
[data-theme=dark]{color-scheme:dark;--ink:#e6edf2;--muted:#adbac5;--line:#34424e;--bg:#131d26;--card:#202e3a}[data-theme=dark] .masthead{background:#101922}[data-theme=dark] .panel,[data-theme=dark] .console,[data-theme=dark] .workspace-nav,[data-theme=dark] select,[data-theme=dark] .outline,[data-theme=dark] dialog{background:var(--card);color:var(--ink)}[data-theme=dark] .stage,[data-theme=dark] #loader{background:#18242f}[data-theme=dark] .stage-bottom,[data-theme=dark] .view-tools{background:#202e3af5;border-color:var(--line)}[data-theme=dark] .search,[data-theme=dark] .accuracy-note,[data-theme=dark] .lesson-card,[data-theme=dark] .count,[data-theme=dark] .system-tag,[data-theme=dark] .range-row button{background:#283846;color:var(--ink);border-color:var(--line)}[data-theme=dark] button:hover{background:#344857}[data-theme=dark] .accent:hover{background:#e6ac2e}[data-theme=dark] .mode.active{color:#efbe4a}[data-theme=dark] .part-row.selected,[data-theme=dark] #mode-content button.active{background:#4b4027}[data-theme=dark] .part-row:hover{background:#30414e}[data-theme=dark] .danger{background:#462c2b;color:#ffb1a7;border-color:#77514c}[data-theme=dark] .gauge-track{background:#34424e}[data-theme=dark] .stage-top select{background:#243440e6}[data-theme=dark] .detail-body p,[data-theme=dark] .empty-detail p,[data-theme=dark] #mode-content p,[data-theme=dark] .system-head,[data-theme=dark] .scene-badge,[data-theme=dark] .model-caption p,[data-theme=dark] .console-heading strong,[data-theme=dark] .gauge-label,[data-theme=dark] .catalog-toolbar button{color:var(--muted)}[data-theme=dark] .visual-controls{border-color:var(--line)}[data-theme=dark] .audio-controls #audio-status{color:#8cd9b9}[data-theme=dark] #modal-content a{color:#81cdec}
@media(max-width:1190px){.masthead{padding-inline:17px}.header-actions .text-btn{display:none}.stage-bottom{padding:11px}.workspace{height:auto}}
@media(max-width:920px){.stage{height:auto}.catalog{height:680px}.inspector{max-height:none}.header-actions{margin-inline-start:auto}.masthead{gap:10px}.audio-controls small{margin:0}}
@media(max-width:600px){.masthead{padding:12px;gap:10px}.brand{width:100%;justify-content:center}.brand strong{font-size:20px}.header-actions{width:100%;justify-content:center;gap:5px}.header-control{font-size:11px;padding:5px 8px;min-height:35px}.header-actions .small{font-size:10px}.header-actions .lang-btn{min-height:35px}.stage{height:auto;min-height:625px;padding-top:490px}.stage #viewport{height:490px}.gesture-hint{top:471px;font-size:8px}.stage-bottom{width:calc(100% - 20px);max-width:none;margin-bottom:12px}.model-caption h1{font-size:22px}.catalog{height:270px;max-height:270px}.inspector{max-height:none}.flow-options{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-options label{font-size:11px}.audio-controls{gap:9px}.audio-controls small{width:100%}.visual-controls label{font-size:12px}.range-row{gap:6px}.range-row>span{font-size:11px}.workspace{min-height:0}#part-popover{top:62px;inset-inline-end:10px;width:min(268px,calc(100% - 73px))}}
/* v1.4: a clear model viewport and compact identification card. */
.brand .header-intro{font:11px/1.8 'IBM Plex Sans Arabic','Manrope',sans-serif;letter-spacing:0;max-width:435px;color:#adb9c3;margin-top:7px}.brand{align-items:flex-start}.brand-icon{flex:none;margin-top:2px}.masthead{min-height:99px}.workspace-nav{height:42px;overflow:visible}.workspace-label{font-size:12px;color:var(--muted)}.config{display:flex!important;font-size:12px;gap:11px}.view-tools{top:85px}.view-tools button{min-height:34px}.view-tools span{display:none}#part-popover{width:202px;max-width:calc(100% - 76px);padding:10px;top:61px;border-radius:9px}#popover-id{font-size:8px;line-height:1.3;padding-inline-end:22px}#popover-name{font-size:14px;line-height:1.5;margin:6px 0 3px;padding-inline-end:8px}#popover-description{font-size:10.5px;line-height:1.6;max-height:50px;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#popover-more{width:auto;min-height:29px;padding:3px 9px;font-size:10px}#popover-close{width:28px;height:28px;min-height:28px;font-size:20px;top:2px;inset-inline-end:2px}.detail-head h3{font-size:18px}.detail-body p{font-size:12px}#system-isolation{padding:5px 17px 10px;border-bottom:1px solid var(--line)}#system-isolation label{display:flex;align-items:center;gap:6px;font-size:12px}#visible-parts{display:block;font-size:10px;color:var(--muted);margin-top:4px}.catalog-toolbar select{font-size:12px}
@media(max-width:1190px){.brand .header-intro{max-width:360px}.header-actions{gap:5px}}
@media(max-width:600px){.masthead{min-height:0}.brand{align-items:center}.brand .header-intro{font-size:10px;max-width:275px;line-height:1.75}.brand strong{font-size:19px}.workspace-nav{padding-inline:13px;gap:6px}.config{font-size:10px;gap:8px}.workspace-label{font-size:11px}.view-tools{top:83px}#part-popover{width:192px;padding:9px;inset-inline-end:10px}.catalog{height:315px;max-height:315px}.catalog-toolbar{padding-block:5px}#system-isolation{padding:3px 16px 7px}.detail-head h3{font-size:16px}}

#flow-legend small{flex-basis:100%;max-width:390px;font-size:10px;line-height:1.5;opacity:.8}