*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17201e;color:#eef0dc;font-family:Arial,Helvetica,sans-serif}#app,#viewport{position:absolute;inset:0;width:100%;height:100%;display:block}header{position:absolute;left:36px;top:29px;pointer-events:none;text-shadow:0 2px 8px #0007}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:bold;color:#dfbc78}h1{font-size:34px;letter-spacing:1px;margin:10px 0 0;font-weight:800}h1 span{font-weight:300;font-size:21px;margin-left:10px}header p{font-size:12px;color:#dedec9;margin-top:8px}aside{position:absolute;right:25px;top:27px;bottom:62px;width:265px;padding:23px 21px;background:#142120ed;border:1px solid #acb7a332;backdrop-filter:blur(15px);border-radius:4px;overflow-y:auto;box-shadow:0 12px 45px #0003}.section-label{margin:0 0 14px;font-size:9px;color:#a7bcab}.section-label:not(:first-child){margin-top:25px}select,button,input{accent-color:#e2ba6c;font-family:inherit}select{width:100%;background:#223431;color:#f0ecd9;padding:10px 8px;border:1px solid #a6b99f45;border-radius:3px;font-size:12px}button{width:100%;padding:11px;background:#e0bd78;border:0;color:#172820;font-size:11px;font-weight:bold;letter-spacing:.4px;margin:4px 0;cursor:pointer;border-radius:2px}button:nth-of-type(2),button:nth-of-type(3){background:#32483f;color:#e4e8d5}button:hover{filter:brightness(1.15)}.row{margin:12px 0}.row label{font-size:11px;color:#bbc7b4;display:block;margin-bottom:7px}input{width:100%}#description{font-size:11px;color:#aabdac;line-height:1.55;margin-top:13px}.hint{font-size:10px;line-height:1.7;color:#b6bdaa;margin-top:18px}a{display:block;font-size:10px;color:#dbbd7e;margin-top:11px;text-decoration:none}#label{position:absolute;bottom:83px;left:36px;max-width:65%;pointer-events:none;text-shadow:0 2px 8px #0009}#label span{font-size:9px;letter-spacing:2.4px;color:#e1c284}h2{font-size:25px;margin:10px 0 4px;font-weight:500}#status{font-size:11px;color:#ede5ca}footer{position:absolute;bottom:0;left:0;right:0;height:40px;background:#142120eb;border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;align-items:center;padding:0 26px;font-size:9px;letter-spacing:.7px;color:#acbca9}#error{position:absolute;left:25px;top:150px;max-width:600px;background:#711c20;padding:20px;font-size:13px;white-space:pre-wrap}@media(max-width:850px){aside{width:215px;right:10px;padding:15px;top:16px}header{left:18px;top:18px}h1{font-size:24px}h1 span{display:block;margin:3px 0}header p{max-width:240px}#label{left:18px;max-width:50%}h2{font-size:18px}footer span:last-child{display:none}}
button:disabled{opacity:.35;cursor:default}button:disabled:hover{filter:none}
/* The fixed render buffer keeps identical browser/desktop benchmark dimensions. */
#viewport{inset:auto;outline:none}#viewport:focus-visible{outline:2px solid #dfbc78;outline-offset:-2px}
aside{width:300px}#renderer-info{font:10px/1.5 monospace;white-space:pre-wrap;color:#d1dece;background:#0b1717;padding:9px;border:1px solid #526b5a}
.check{display:flex;align-items:center;gap:8px;font-size:10px;color:#bbc7b4}.check input{width:auto}
#benchmark-status{font-size:11px;line-height:1.5;color:#d3c59e}details{margin:13px 0;font-size:11px}summary{cursor:pointer;color:#dbbd7e}
#benchmark-report,#live-report{max-height:270px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1717;padding:9px;font:9px/1.5 monospace}
#download-report[hidden]{display:none}
#error{z-index:5;max-width:min(600px,calc(100vw - 365px));max-height:55vh;overflow:auto;font:12px/1.5 monospace}
footer{gap:14px}footer span:first-child{line-height:1.5}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:850px){aside{width:230px}#error{max-width:calc(100vw - 265px);left:15px}footer{font-size:8px;padding:0 12px}}