:root{font-family:Arial,sans-serif;color:#30352d;background:#f7f8f5}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:0 auto;padding:0 24px}.toolbar{height:46px;display:flex;align-items:center;justify-content:flex-end}.branches{display:flex;gap:5px}button{font:inherit;cursor:pointer}.branches button{padding:5px 10px;font-size:12px;color:#687060;border:1px solid #dce1d6;border-radius:5px;background:transparent}.branches button[aria-pressed=true]{background:#e9eedf;border-color:#c8d1bb;color:#354329}button:focus-visible,a:focus-visible{outline:2px solid #809655;outline-offset:3px}.workspace{position:relative;background:#fff;border:1px solid #e4e7de;border-radius:6px;padding:16px 24px 0}iframe{display:block;width:100%;height:calc(100vh - 102px);height:calc(100dvh - 102px);min-height:320px;border:0;background:#fff}.frame-help{height:36px;display:flex;align-items:center;justify-content:flex-end;font-size:11px}.frame-help a{color:#747d69;text-underline-offset:3px}#loading{position:absolute;top:18px;left:24px;padding:8px 12px;background:#f2f5ed;font-size:12px;color:#68755b;border-radius:4px}#empty{text-align:center;padding:70px 16px}#empty h1{font-size:18px;font-weight:500}#empty p{font-size:13px;color:#747d69}#back{margin-top:12px;padding:7px 14px;background:#edf1e7;border:1px solid #d5ddca;border-radius:5px;font-size:12px}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 10px}.workspace{padding:12px 12px 0}.frame-help{font-size:10px}#loading{left:12px}}
.toolbar{justify-content:space-between;gap:16px}.page-title{margin:0;font-size:15px;font-weight:500;line-height:1.4}.branches{flex-shrink:0}.delivery-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:#5f6857}.delivery-note strong{font-weight:600;color:#354329}iframe{height:calc(100vh - 142px);height:calc(100dvh - 142px)}@media(max-width:600px){.toolbar{height:auto;min-height:64px;gap:10px}.page-title{font-size:13px;max-width:210px}.delivery-note{font-size:11px}iframe{height:calc(100vh - 190px);height:calc(100dvh - 190px)}}
.toolbar-actions{display:flex;align-items:center;gap:14px}#capture{font-size:12px;padding:6px 12px;border:1px solid #b9c7a6;border-radius:5px;color:#354329;background:#e9eedf;white-space:nowrap}#capture:disabled{opacity:.6;cursor:wait}#capture-status{margin:0 0 8px;font-size:12px;color:#58644c;line-height:1.5}@media(max-width:700px){.toolbar{flex-wrap:wrap;padding:10px 0}.page-title{max-width:none}.toolbar-actions{margin-left:auto;gap:8px}}
.capture-footer{display:flex;justify-content:flex-end;padding:0 0 12px}#capture{background:transparent;border:1px solid #dce1d6;color:#747d69;font-size:11px;font-weight:400;padding:5px 9px}#capture:hover{background:#f0f2ed;color:#4c5742}
.frame-help{justify-content:space-between;gap:12px;min-height:38px;height:auto;padding:5px 0 8px}.frame-help a{margin-left:auto;text-align:right}#capture{flex-shrink:0}@media(max-width:600px){.frame-help{flex-wrap:wrap}.frame-help a{font-size:10px}}
.current-branch{font-size:12px;font-weight:600;color:#4c5b3b;background:#e9eedf;padding:6px 10px;border-radius:5px}.frame-help .switch-calculator{margin-left:4px;margin-right:auto;text-align:left;padding:5px 8px;border:1px solid #dce1d6;border-radius:5px;text-decoration:none}.frame-help #external{margin-left:auto}@media(max-width:600px){.current-branch{font-size:11px}.frame-help{gap:8px}}