/* Forja — visualizacao */
#stage{flex:1;position:relative;background:var(--stage);overflow:hidden}
#view{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
#view.drag{cursor:grabbing}
.hud{position:absolute;left:14px;bottom:14px;display:flex;gap:10px;flex-wrap:wrap;pointer-events:none}
.card{background:rgba(28,26,23,.92);border:1px solid var(--line);border-radius:9px;padding:10px 12px;pointer-events:auto}
#info{display:grid;grid-template-columns:auto auto;gap:3px 16px;font-size:12px}
#info span:nth-child(odd){color:var(--mute)}
#info span:nth-child(even){font-family:'IBM Plex Mono',monospace;text-align:right}
#warn{max-width:360px;font-size:12px;line-height:1.45;color:#f0b49b;display:none}
#warn.show{display:block}
#warn div{margin:2px 0}
.paperSeg{position:absolute;left:14px;top:14px;align-items:center;z-index:2}
.paperSeg span{color:var(--mute);font-size:12px;padding:0 8px 0 6px}
.zoom{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:6px}
.zoom .btn{width:36px;padding:6px 0;text-align:center}
.legend{position:absolute;right:14px;bottom:14px;font-size:11.5px;color:var(--mute);line-height:1.6}
.legend i{display:inline-block;width:26px;height:0;border-top:2px solid #ddd;vertical-align:middle;margin-right:6px}
#v3d{position:absolute;inset:0;z-index:1}
#gl3d{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
#v3dBar{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 28px)}
#v3dBar>span{color:var(--mute);font-size:12px;padding:0 4px}
#v3dBar .btn{padding:5px 9px;font-size:12px}
#v3dBar .btn.on{background:var(--acc);border-color:var(--acc);color:#1a1307}
.v3dOpen{display:flex;align-items:center;gap:6px;color:var(--mute);font-size:12px;padding:0 4px}
.v3dOpen input{accent-color:var(--acc);width:110px}
#v3dMsg{position:absolute;left:14px;top:64px;color:#f0b49b}
.v3dHint{position:absolute;right:14px;bottom:14px;color:var(--mute);font-size:11.5px;max-width:230px;text-align:right;line-height:1.45;pointer-events:none}
#stage.is3d .zoom,#stage.is3d .legend{display:none}
.foldBar{position:absolute;left:14px;top:14px;z-index:2;align-items:center;gap:10px;font-size:12px;color:var(--mute)}
.foldBar label{display:flex;align-items:center;gap:8px}
.foldBar input{accent-color:var(--acc);width:180px}
.foldBar b{font-family:'IBM Plex Mono',monospace;color:var(--text);font-weight:500;min-width:34px}
.foldBar .hint{margin:0;color:#ff8a7d}

.v3dFold{flex-basis:100%;font-size:12px;color:#f0b14a}