.screen-code-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;background:#f4f7ef;color:#234e3e}
.screen-code{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 10px;border:1px solid #9aaf9f;border-radius:8px;background:#fff;color:#234e3e;font:600 12px/1.2 ui-monospace,monospace;cursor:pointer;white-space:nowrap;touch-action:manipulation}
.screen-code:hover{background:#e2efdf}.screen-code:focus-visible{outline:3px solid #326b53;outline-offset:3px}
.coded-module{position:relative;padding-top:56px!important}
.coded-module>.screen-code{position:absolute;right:10px;top:10px}
.code-status{font:12px/1.4 system-ui,sans-serif;user-select:text;overflow-wrap:anywhere}
.coded-module>.code-status{position:absolute;right:10px;top:47px;background:#fff;color:#234e3e;z-index:1;max-width:90%;padding:3px;border-radius:4px}
#modal>.screen-code-row{position:sticky;top:0;z-index:2}
.pwa-bar>.screen-code-row{flex:0 0 100%;padding:0;background:transparent}
@media(pointer:coarse){.screen-code{min-height:44px}.coded-module{padding-top:64px!important}}