:root{font:16px system-ui,sans-serif;color:#17231f;background:#f3f5f2}*{box-sizing:border-box}body{margin:0}header,main,aside,footer{max-width:1120px;margin:auto;padding:20px}h1{margin:0 0 8px}h2{margin-top:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.card{background:white;border:1px solid #c9d0c9;border-radius:8px;padding:18px;min-width:0}h3{margin:0 0 12px}button,select,textarea,input{font:inherit}button{padding:10px 15px;border:1px solid #556d60;border-radius:5px;background:#e4eee6;color:#14271b;cursor:pointer}button:hover{background:#cfe2d3}label{display:block;margin:8px 0}header label{display:inline-block}select{max-width:100%;padding:5px}textarea{display:block;width:100%;min-height:90px;margin:5px 0}code{overflow-wrap:anywhere;font-size:12px}.facts{font-size:14px}.status{font-weight:700}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;font:12px ui-monospace,monospace;background:#f4f6f3;padding:8px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.checks label{font-size:14px}.checks select{display:block;width:100%}aside{background:#e6ece5;border-left:4px solid #587c60}#player:not([hidden]){position:fixed;inset:0;z-index:100;background:#111;display:flex;flex-direction:column}#player nav{flex:none;background:#fff;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-bottom:2px solid #333}#frameSlot{flex:1;min-height:0}iframe{border:0;width:100%;height:100%;display:block}footer{font-size:13px}small{display:block;margin:8px 0;color:#495950}