*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,sans-serif}body{background:#0b1020;color:#f4f6ff}.container{min-height:100vh;display:flex;flex-direction:column}.controls{padding:12px;display:flex;gap:8px;background:#121a32;border-bottom:1px solid #2b3763}.input{flex:1 1;padding:10px 12px;border-radius:8px;border:1px solid #3a4b84;background:#0f1731;color:#fff}.button{padding:10px 14px;border:none;border-radius:8px;background:#4f7cff;color:#fff;font-weight:600;cursor:pointer}.frame{flex:1 1;border:0;width:100%;background:#fff}.note{padding:0 12px 12px;color:#b8c2eb;font-size:12px}