*{box-sizing:border-box}body{margin:0;background:#fbf8f2;color:#27313a;font:14px/1.45 system-ui,-apple-system,"Microsoft JhengHei",sans-serif;height:100dvh;display:flex;flex-direction:column}header{padding:10px 14px;border-bottom:1px solid #d7c5c9;background:#fffdf9;flex-shrink:0}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.top strong{font-size:17px}.top span{font-size:12px;color:#754857}.controls{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-top:8px}.controls label{display:flex;align-items:center;gap:7px;font-size:13px;flex:1;min-width:0}select{min-width:0;width:100%;padding:8px;border:1px solid #cbb7bd;border-radius:9px;font:inherit;background:#fffdf9;color:#27313a;height:40px}.modes{display:flex;gap:5px;flex-shrink:0}button{font:inherit;min-height:40px;padding:7px 12px;border:1px solid #cbb7bd;border-radius:9px;color:#754857;background:#fffdf9;cursor:pointer}button[aria-pressed=true]{background:#8d5666;color:#fff}p{font-size:12px;color:#50585c;margin:7px 0 0}iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#fbf8f2}@media(max-width:530px){header{padding:8px 10px}.controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.controls label{display:block;font-size:0}select{font-size:12px;padding:7px 4px}.modes button{font-size:13px;padding:7px 9px}.top strong{font-size:16px}p{font-size:11px;line-height:1.4}}