.native-canvas-page{height:calc(100dvh - 74px);min-height:420px;position:relative;overflow:hidden}.native-canvas-root{height:100%;position:relative;isolation:isolate;contain:layout style;transform:translateZ(0)}[data-native-canvas]{font-family:inherit}[data-native-canvas] :focus-visible{outline:2px solid #9787ef;outline-offset:2px}#content:has(.native-canvas-page){padding:0;overflow:hidden}.workspace-preference-button{width:calc(100% - 28px);margin:0 14px 10px;background:transparent;border:0;color:var(--tx);font:inherit;text-align:left;cursor:pointer}.preference-item{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:14px}.preference-item input{width:18px;height:18px;accent-color:var(--a1)}@media(max-width:600px){.native-canvas-page{height:calc(100dvh - 64px);min-height:340px}}/* Embedded React/Antd root must propagate the host's explicit height. */
.native-canvas-page{display:flex;flex-direction:column;min-height:0}
.native-canvas-root{flex:1 1 0%;min-height:0}
[data-native-canvas]>.ant-app{height:100%;min-height:0}
.native-canvas-history{display:flex;align-items:center;gap:16px;min-height:32px;padding:5px 18px;font-size:12px;color:var(--tx2);background:var(--bg2)}
.native-canvas-history[hidden]{display:none}
.native-canvas-history a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
#side .shell-back{display:flex;align-items:center;gap:8px;flex-shrink:0}
#side .shell-back svg{width:18px;height:18px;flex:none}
@media(max-width:600px){.native-canvas-history span{display:none}.native-canvas-page{height:calc(100dvh - 64px)}}