/* v0.3: non-destructive transform editor and immersive viewer. */
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-group{border:1px solid #30455b;background:#142638;border-radius:10px;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;min-width:0}.editor-group legend{color:#a9d4ef;font-size:12px;font-weight:700;padding:0 4px}.editor-group label{min-width:0;display:grid;gap:5px;color:#9bb2c6;font-size:11px}.editor-group input{box-sizing:border-box;width:100%;min-width:0;background:#0b1725;border:1px solid #47627b;border-radius:8px;color:#eaf9ff;min-height:40px;padding:8px;font-size:14px}.editor-scale{grid-column:1/-1;grid-template-columns:1fr}.editor-scale label{max-width:300px}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.fullscreen-toggle{font-size:27px;font-weight:600;line-height:1;color:#a4e8ff;touch-action:manipulation}.viewport-top{gap:7px}.viewport-top .fullscreen-toggle{margin-left:auto;flex:none}.viewport-top #capture{flex:none}
body.viewer-immersive{overflow:hidden;overscroll-behavior:none}body.viewer-immersive .viewport-card{position:fixed!important;inset:0!important;z-index:9999;margin:0!important;width:100vw;height:100vh;height:100dvh;border-radius:0!important;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;background:#0c1523}body.viewer-immersive .viewport-body{flex:1!important;min-height:0!important;height:auto!important}body.viewer-immersive .viewport-top{flex:none;min-height:52px;padding-top:3px}body.viewer-immersive .viewport-bottom{flex:none;min-height:52px;flex-wrap:wrap}body.viewer-immersive .viewport-instructions{bottom:65px}body.viewer-immersive .view-controls{bottom:12px}
@media(max-width:650px){.editor-grid{grid-template-columns:1fr}.editor-scale{grid-column:auto}.editor-actions .tool-button{flex:1;min-width:76px}.editor-group{gap:5px;padding:10px}.viewport-top .fullscreen-toggle{font-size:24px}}
