:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#252d31;background:#f5f4ef;font-size:15px;line-height:1.55;--accent:#235c52;--line:#d8dcd4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #bbc6bf;background:#fff;color:#273d36;border-radius:7px;padding:9px 14px;font-weight:600}button:hover{background:#edf3ed}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#19463e}button[aria-pressed=true]{background:#dce9df;border-color:var(--accent)}a{color:var(--accent)}.site-header{padding:20px 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header a{font-weight:700;text-decoration:none}.site-header span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5d6a65}main{max-width:1360px;margin:auto;padding:42px 4vw}.intro{max-width:780px;margin-bottom:36px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:700;margin:0 0 10px}h1{font-size:clamp(28px,3.5vw,44px);line-height:1.16;letter-spacing:-.035em;margin:0 0 16px}h2{font-size:19px;line-height:1.3;margin:0 0 18px}p{margin:0 0 15px}.intro>p:last-child,.observations p,.page-context p{color:#5c6663}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:32px;align-items:start}aside{border-top:3px solid var(--accent);padding-top:20px}label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px}input,select{width:100%;padding:10px;border:1px solid #bfc9c1;border-radius:6px;background:#fff;color:#293a33}input{font-size:12px}form>button{margin-top:8px}.hint{font-size:12px;color:#66716b;margin:9px 0 14px;line-height:1.55}.origins{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:23px}.origins dt{font-weight:700;margin-top:12px}.origins dd{margin:3px 0;overflow-wrap:anywhere;color:#596960}.preview{min-width:0}.preview-header,.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.preview-header{margin-bottom:12px}.preview-header h2{margin:0}.width-controls{display:flex;gap:5px}.width-controls button{font-size:12px;padding:6px 10px}.frame-shell{width:100%;max-width:100%;height:500px;margin:0 auto;background:#e6e9e1;border:1px solid #cad1c7;border-radius:10px;overflow:hidden;display:grid;place-items:center}.frame-shell[data-width=narrow]{width:390px;height:600px}.frame-shell iframe{width:100%;height:100%;display:block;border:0;background:#fff}.frame-shell:fullscreen{width:100vw;max-width:none;height:100dvh;border:0;border-radius:0}.frame-shell:fullscreen iframe{height:100dvh}#empty{padding:30px;text-align:center;color:#4e6056}#empty span{font-size:12px;color:#6b7b72}.preview-footer{margin-top:10px}.preview-footer p{font-size:12px;color:#54645b;margin:0}.preview-footer button{font-size:12px;white-space:nowrap}#error{background:#fff0ea;color:#942e17;border-left:3px solid #aa5138;padding:12px;font-size:13px;margin-top:15px}.observations{margin-top:44px;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:285px minmax(0,1fr);gap:32px}.observations p{font-size:13px}.check-row{display:grid;grid-template-columns:1fr 160px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.check-row label{margin:0}.check-row select{font-size:12px;padding:8px}.report-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0}.report-bar p{font-size:12px;color:#68756b;margin:0}.page-context{margin-top:35px;padding:30px 0 80px;border-top:1px solid var(--line);max-width:780px}footer{border-top:1px solid var(--line);padding:22px 4vw;font-size:12px;color:#657167}@media(max-width:800px){main{padding-top:28px}.workspace,.observations{grid-template-columns:1fr;gap:25px}.origins{display:none}.site-header{align-items:start}.site-header span{max-width:125px;text-align:right}.intro{margin-bottom:25px}.check-row{grid-template-columns:1fr 135px}.preview-header{flex-wrap:wrap}.preview-footer{align-items:start}.frame-shell{height:470px}.report-bar{align-items:start;flex-direction:column}}
:root #frame-shell{position:relative}#exit-fullscreen{display:none}.frame-shell:fullscreen #exit-fullscreen{display:block;position:absolute;right:12px;top:12px;z-index:5}