@import url('./ratio-models.css');
.native-bridge{border:1px solid #bac8c4;background:#f2f4ef}.native-bridge .native-stage{height:600px;min-height:600px!important}.native-bridge-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 13px;border-top:1px solid #bac8c4}.native-bridge-controls button{font:12px/1.5 'Microsoft YaHei',sans-serif;padding:6px 10px;background:#fffdf8;border:1px solid #aebebc;color:#243f4c;cursor:pointer}.native-bridge-controls button[aria-pressed=true]{color:white;background:#254b61}.native-bridge-controls label{display:flex;align-items:center;gap:5px;font-size:12px;color:#425a62}.native-bridge-controls input{width:14px;height:14px;accent-color:#254b61;margin:0}.native-bridge-note{margin:0;padding:0 13px 12px;font-size:11px;line-height:1.8;color:#566971}.native-bridge-note a{color:#25617f}.native-load{position:absolute;left:16px;top:14px;max-width:85%;padding:10px 14px;border-left:3px solid #b58a4c;background:rgba(255,253,248,.95);font-size:12px;color:#28424f;z-index:4}.native-load[hidden]{display:none}.native-stage .bridge3d-label{font-size:12px}.native-bridge-status{font-size:11px;line-height:1.7;color:#49626d;margin-left:auto;max-width:350px}.native-bridge .native-stage canvas{background:#e9eeea}