.app-screen{--app-screen-accent:var(--cnc-blue,#1f70c1);--app-screen-ink:var(--cnc-ink,#202020);--app-screen-muted:var(--cnc-slate,#55616b);width:100%;max-width:100%;color:var(--app-screen-ink);margin:0}.app-screen[data-tone=owner],.app-screen[data-tone=contractor]{--app-screen-accent:var(--cnc-blue,#1f70c1)}.app-screen__meta{letter-spacing:.01em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:38px;margin:0 0 12px;font-size:.76rem;font-weight:720;line-height:1.25;display:flex}.app-screen__label{white-space:nowrap;align-items:center;gap:9px;min-height:28px;display:inline-flex}.app-screen__label:before{background:var(--app-screen-accent);content:"";border-radius:50%;flex:none;width:9px;height:9px}.app-screen__caption{color:currentColor;letter-spacing:0;text-align:right;max-width:34ch;font-weight:680}.app-screen__viewport{isolation:isolate;background:#fff;border:1px solid #0b0d0c33;border-radius:clamp(18px,2.3vw,30px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,0 28px 72px #0b0d0c24}.app-screen__viewport:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff9e;position:absolute;inset:0}.app-screen__viewport img{width:100%;max-width:none;height:auto;display:block}@media (width<=560px){.app-screen__meta{align-items:flex-start;gap:12px}.app-screen__caption{max-width:24ch;font-size:.7rem}.app-screen__label{white-space:normal}.app-screen__viewport{border-radius:18px;box-shadow:0 20px 48px #0b0d0c21}}@media (forced-colors:active){.app-screen__viewport{border-color:canvastext}.app-screen__label:before{background:canvastext}.app-screen__viewport{box-shadow:none}}