*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#103039;color:#f4ecd4;font:14px system-ui,-apple-system,sans-serif}body{display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid #496363;min-height:48px}strong{white-space:nowrap;font-size:14px}strong span{color:#bfcdba;font-weight:400}nav{display:flex;gap:5px}button{font:inherit;color:inherit;background:#21454b;border:1px solid #6c8580;border-radius:8px;padding:8px 11px;min-height:36px;touch-action:manipulation;cursor:pointer}button:disabled{opacity:.4}button:focus-visible{outline:2px solid #edd099}main{position:relative;flex:1;min-height:0}iframe{width:100%;height:100%;border:0;display:block}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#275057,#102c34);padding:24px;text-align:center}#loading[hidden]{display:none}#loading b{font-size:24px}#start{background:#e8d5a4;color:#17373b;min-width:160px;min-height:48px;font-weight:700}details{font-size:11px;color:#bacac3;padding:3px 10px;max-height:110px;overflow:auto}summary{cursor:pointer}details p{margin:5px 0}output{display:block;font-family:monospace;font-size:10px}@media(max-width:600px) and (orientation:portrait){header{flex-direction:column;align-items:stretch;gap:5px}nav{justify-content:space-between}button{padding:8px;font-size:12px}strong{font-size:13px}}@media(max-height:450px){header{min-height:40px;padding:3px 8px}button{min-height:32px;padding:5px 9px}details{font-size:10px}}

nav{flex-wrap:wrap}button{min-height:40px}#compare{border-color:#c7b77f}header strong span{display:none}@media(max-height:450px){button{min-height:36px}}

select{font:inherit;color:#f4ecd4;background:#21454b;border:1px solid #6c8580;border-radius:8px;min-height:38px;padding:6px 8px;max-width:210px;min-width:140px}select:disabled{opacity:.6}#scene-note{color:#edd099}button[hidden]{display:none}@media(max-width:600px) and (orientation:portrait){select{max-width:none;width:100%}nav{flex-wrap:wrap;justify-content:center}nav button{flex:1;white-space:nowrap}}
select{-webkit-appearance:none;appearance:none;padding-right:30px;background-color:#21454b;background-image:linear-gradient(45deg,transparent 50%,#f4ecd4 50%),linear-gradient(135deg,#f4ecd4 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 8px) 50%;background-size:6px 6px;background-repeat:no-repeat}option,optgroup{background:#21454b;color:#f4ecd4}