/* Canvas isolation. Preserves branch component geometry; device bezels never consume the logical viewport. */
html,body{margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden;background:transparent!important}body:before{display:none!important}*{box-sizing:border-box}.phone{border:0!important;border-radius:0!important;box-shadow:none!important;zoom:1!important;width:100%!important;height:100%!important;margin:0!important}.phone:before{display:none!important}.phone .nui-hero{max-width:100%}.studio-free{position:absolute;inset:0;pointer-events:none;z-index:10}.studio-layer{position:absolute;pointer-events:auto;transform-origin:0 0}.studio-layer>div{position:relative}.studio-layer .nui-scrim{position:absolute!important}.studio-layer .nui-sheet{position:relative!important;inset:auto!important}.studio-layer .nui-dialog-scrim{position:relative!important;inset:auto!important}.studio-layer .nui-topbar__band{padding-top:0!important}.studio-layer .nui-topbar{position:relative!important;inset:auto!important}.studio-layer .nui-topbar__below{padding:0!important}.studio-text{white-space:pre-wrap;margin:0;font-family:var(--nui-font);line-height:1.45}.studio-image{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}.unavailable{border:1px dashed var(--nous-border2);border-radius:12px;padding:14px;color:var(--nous-fg3);font:12px/1.5 var(--nui-font);background:var(--nous-bg2)}.unavailable b{display:block;color:var(--nous-fg);font-size:13px}.studio-generated{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:var(--nous-bg)}.studio-generated .screen-content{position:absolute;inset:0;overflow:hidden}.studio-generated .phone__status{z-index:30}.studio-generated .studio-content-title{position:absolute;font:700 22px var(--nui-font);margin:0}.studio-node-selected{pointer-events:none}.thumbnail-body{display:grid;place-items:center;padding:10px!important;background:var(--nous-bg)!important}.thumbnail-body .nui-sheet{position:relative;inset:auto}.thumbnail-body .nui-scrim{display:none}

/* Tablet side-dock comparison is an explicit studio layout experiment. */
.phone[data-tablet-side="true"] .dock{inset:160px auto 40px 12px;padding:0;width:76px;background:none}.phone[data-tablet-side="true"] .nui-dock{flex-direction:column;gap:14px}.phone[data-tablet-side="true"] .nui-tabbar{flex-direction:column;flex:0}.phone[data-tablet-side="true"] .dock:after{display:none}.phone[data-tablet-side="true"] .studio-free .nui-dock{width:68px}
